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

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем AlexDJ, 30.06.2010.

  1. Offline

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

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

    Как это можно сделать, с помощью чего (AJAX, jQuery?), где можно посмотреть подобные работы? На флэше такого полно, но флэш на сайте не нужен.
     
  2.  
  3. Kadavr
    Offline

    Kadavr специалист

    Регистрация:
    18.10.2007
    Сообщения:
    557
    Симпатии:
    39
    Пол:
    Мужской
    По моему, надо искать решения на JQuery, по крайней мере, в приведенном вами примере сделано именно так.
     
  4. Offline

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

    Регистрация:
    06.12.2007
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    Вот только если брать тот пример, там сразу весь контент выведен и просто по нему идет прокрутка, а это не тот вариант, который нужен :(
     
  5. Offline

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

    Регистрация:
    06.12.2007
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    Вот нашел еще 2 примера:
    http://www.pojeta.cz/
    http://www.volll.com

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

    botanist специалист

    Регистрация:
    15.02.2009
    Сообщения:
    461
    Симпатии:
    49
    Пол:
    Мужской
    Во. Еще круче может получиться.
    http://demos111.mootools.net/Fx.Scroll
    Но без дизайнера, верстальщика и программиста делать нече.
     
  7. woojin
    Offline

    woojin Местный Команда форума

    Регистрация:
    31.05.2009
    Сообщения:
    3 209
    Симпатии:
    335
    Пол:
    Мужской
    на этих двух сайтех размер контента статичный по этому скрол получается и контента и картинки, а в принцыпе в бекграунде можно указать что он скролится или стоит и недвигается никуда - это CSS
     
  8. Offline

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

    Регистрация:
    06.12.2007
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    А еще я вот о чем думаю, как избежать бокового скролла на таком сайте? Просто убирать скролл-бары? Тогда можно будет мышкой прокручивать - это нехорошо. Или же манипулировать с overflow:hidden?
     
  9. woojin
    Offline

    woojin Местный Команда форума

    Регистрация:
    31.05.2009
    Сообщения:
    3 209
    Симпатии:
    335
    Пол:
    Мужской
    а счего будет боковой скролл если к примеру задать ширину 100% или там 1000px
     
  10. Offline

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

    Регистрация:
    06.12.2007
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    На указанных сайтах с правой стороны скролл. :)
     
  11. woojin
    Offline

    woojin Местный Команда форума

    Регистрация:
    31.05.2009
    Сообщения:
    3 209
    Симпатии:
    335
    Пол:
    Мужской
    ну а ты делай вертикальный
    на указаных сайтах height: 100% width: 500% или width: 5000px

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

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

    Регистрация:
    06.12.2007
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    На указанных сайтах height: 100% или min-height: 100% или min-height: 1000px. Высота каждого div-контейнера тоже жестко указана.
    Причем тут ширина, я что-то как-то совершенно не понял. Ширина вообще никого не волнует. Прокрутка есть по вертикали, а не горизонтали. Читайте внимательно, что пишут.

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

    woojin Местный Команда форума

    Регистрация:
    31.05.2009
    Сообщения:
    3 209
    Симпатии:
    335
    Пол:
    Мужской
    DIV контейнера а не HTML width

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

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

    Регистрация:
    06.12.2007
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    Такое впечатление, что мы говорим о совершенно разных вещах.
    Что такое HTML {width:5000px} и ежу понятно :)
    И еще раз: горизонтальный скролл вообще не интересует ибо он не нужен и никаким боком не появится, вопрос о вертикальном.
     
  15. woojin
    Offline

    woojin Местный Команда форума

    Регистрация:
    31.05.2009
    Сообщения:
    3 209
    Симпатии:
    335
    Пол:
    Мужской
    для вертикального надо указать очень большую высоту и всё будет работать!!!

    т.е. высоту больше разрешения по оси "У"
     
  16. Offline

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

    Регистрация:
    06.12.2007
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    В этом случае скролл будет, а нужно, чтобы его не было, но перемещение шло за не видимую и не достижимую прокруткой часть экрана.
     

Поделиться этой страницей

Загрузка...