Joomla 1.5 Вертикально прокручивающийся сайт по одной фоновой картинке

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by AlexDJ, Jun 30, 2010.

  1. Offline

    AlexDJ Недавно здесь

    Joined:
    Dec 6, 2007
    Messages:
    11
    Likes Received:
    1
    Gender:
    Male
    Добрый день.
    Делаю сейчас сайт для своей девушки-дизайнера и возникли сразу же затруднения.
    Суть сайта в одной картинке - она длинная и широкая и... сайт должен перемещаться по ней. Чтобы меня можно было понять :) приведу пример одного сайта: http://www.peter-pearson.com/
    там перемещение идет по горизонтали, тут же необходимо сделать по вертикали, и скрола как там быть не должно (overflow: hidden; ?)
    При контента, сайт должен плавно прокручиваться на ту часть фона, в которой должен этот контент быть отображен и после этого должен там появляться искомый контент (или же сразу прокручиваться с контентом, хотя как это реализовать даже не понимаю).
    Естественно, при переходах между страницами никаких белых экранов быть не должно - все должно плавно перемещать по фону во время загрузки.

    Как это можно сделать, с помощью чего (AJAX, jQuery?), где можно посмотреть подобные работы? На флэше такого полно, но флэш на сайте не нужен.
     
    AlexDJ, Jun 30, 2010
    #1

  2. Ads Master

     
  3. Kadavr
    Offline

    Kadavr Недавно здесь => Cпециалист <=

    Joined:
    Oct 18, 2007
    Messages:
    557
    Likes Received:
    39
    Gender:
    Male
    По моему, надо искать решения на JQuery, по крайней мере, в приведенном вами примере сделано именно так.
     
    Kadavr, Jun 30, 2010
    #2
  4. Offline

    AlexDJ Недавно здесь

    Joined:
    Dec 6, 2007
    Messages:
    11
    Likes Received:
    1
    Gender:
    Male
    Вот только если брать тот пример, там сразу весь контент выведен и просто по нему идет прокрутка, а это не тот вариант, который нужен :(
     
    AlexDJ, Jun 30, 2010
    #3
  5. Offline

    AlexDJ Недавно здесь

    Joined:
    Dec 6, 2007
    Messages:
    11
    Likes Received:
    1
    Gender:
    Male
    Вот нашел еще 2 примера:
    http://www.pojeta.cz/
    http://www.volll.com

    В принципе, то что надо. Сделано на jQuery. А можно ли такое же сделать на Джумле? Ибо контент есть, который нужно выводить, его немного, но он есть.
     
    AlexDJ, Jul 1, 2010
    #4
  6. Offline

    botanist Активист => Cпециалист <=

    Joined:
    Feb 15, 2009
    Messages:
    461
    Likes Received:
    49
    Gender:
    Male
    Во. Еще круче может получиться.
    http://demos111.mootools.net/Fx.Scroll
    Но без дизайнера, верстальщика и программиста делать нече.
     
    botanist, Jul 1, 2010
    #5
  7. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    на этих двух сайтех размер контента статичный по этому скрол получается и контента и картинки, а в принцыпе в бекграунде можно указать что он скролится или стоит и недвигается никуда - это CSS
     
    woojin, Jul 1, 2010
    #6
  8. Offline

    AlexDJ Недавно здесь

    Joined:
    Dec 6, 2007
    Messages:
    11
    Likes Received:
    1
    Gender:
    Male
    А еще я вот о чем думаю, как избежать бокового скролла на таком сайте? Просто убирать скролл-бары? Тогда можно будет мышкой прокручивать - это нехорошо. Или же манипулировать с overflow:hidden?
     
    AlexDJ, Jul 2, 2010
    #7
  9. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    а счего будет боковой скролл если к примеру задать ширину 100% или там 1000px
     
    woojin, Jul 2, 2010
    #8
  10. Offline

    AlexDJ Недавно здесь

    Joined:
    Dec 6, 2007
    Messages:
    11
    Likes Received:
    1
    Gender:
    Male
    На указанных сайтах с правой стороны скролл. :)
     
    AlexDJ, Jul 2, 2010
    #9
  11. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    ну а ты делай вертикальный
    на указаных сайтах height: 100% width: 500% или width: 5000px

    почитай лучше про верстку гденибудь, а то вопросы какие то у тебя глупые
     
    woojin, Jul 2, 2010
    #10
  12. Offline

    AlexDJ Недавно здесь

    Joined:
    Dec 6, 2007
    Messages:
    11
    Likes Received:
    1
    Gender:
    Male
    На указанных сайтах height: 100% или min-height: 100% или min-height: 1000px. Высота каждого div-контейнера тоже жестко указана.
    Причем тут ширина, я что-то как-то совершенно не понял. Ширина вообще никого не волнует. Прокрутка есть по вертикали, а не горизонтали. Читайте внимательно, что пишут.

    И скролл убирать нужно именно вертикальный (собственно, и единственный).
     
    AlexDJ, Jul 2, 2010
    #11
  13. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    DIV контейнера а не HTML width

    ради интереса задай жестко HTML {width:5000px} это в CSS и будет понятно почему скрол горизонтальный
     
    woojin, Jul 2, 2010
    #12
  14. Offline

    AlexDJ Недавно здесь

    Joined:
    Dec 6, 2007
    Messages:
    11
    Likes Received:
    1
    Gender:
    Male
    Такое впечатление, что мы говорим о совершенно разных вещах.
    Что такое HTML {width:5000px} и ежу понятно :)
    И еще раз: горизонтальный скролл вообще не интересует ибо он не нужен и никаким боком не появится, вопрос о вертикальном.
     
    AlexDJ, Jul 2, 2010
    #13
  15. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    для вертикального надо указать очень большую высоту и всё будет работать!!!

    т.е. высоту больше разрешения по оси "У"
     
    woojin, Jul 2, 2010
    #14
  16. Offline

    AlexDJ Недавно здесь

    Joined:
    Dec 6, 2007
    Messages:
    11
    Likes Received:
    1
    Gender:
    Male
    В этом случае скролл будет, а нужно, чтобы его не было, но перемещение шло за не видимую и не достижимую прокруткой часть экрана.
     
    AlexDJ, Jul 2, 2010
    #15
< Подгон шаблона под Joomla! 1.5.x | Резиновая шапка сайта >

Share This Page

Loading...