Вход

Просмотр полной версии : Подскажите простое решение для слайдера


Netherlandman
10.11.2010, 02:58
Доброго времени суток.
Озадачился созданием каталога для сайта выполненного в стиле галереи. Вот вариант в точности, как я хочу http://www.planbskateboards.com/#/collection/ минимализм в общем.
Что касается html и css, то тут вопросов никаких, создать несколько div либо ul для каждой страницы... А вот насчет непосредственно программирования знаний мне не хватает. Пару дней гуглил готовые решения, более-менее подходящие пробовал переделать под свой вариант, но все в пустую. На форуме тоже хорошенько порыскал, нашел несколько тем по scrollable, которую так же пробовал адаптировать, но тщетно.
Основная трудность заключается в том, что у меня резиновый дизайн и окно с контентом занимает 70% (примерно как на сайте указанном выше), а большинство решений сделано под фиксированные размеры, да и вообще перегруженно дополнительными прелестями которые мне не нужны. То что нужно мне это просто div по середине окна браузера внутри которого находятся 2 стрелки навигации и контент (каждая страница представляет собой отдельный div (изображение либо фон для этого div, либо просто img)), скроллирующийся этими самыми стрелками.
Просить у кого-то из посетителей форума писать мне готовый код конечно глупо, но вдруг у кого-нибудь есть похожее решение. Или если просто можете подсказать где и что еще можно почитать по этому поводу, то буду безмерно благодарен.

ksa
10.11.2010, 08:36
подсказать где и что еще можно почитать по этому поводу
Дык прям так и написал бы "прокрутка в div" (http://yandex.ru/yandsearch?clid=9582&text=%D0%BF%D1%80%D0%BE%D0%BA%D1%80%D1%83%D1%82%D0 %BA%D0%B0+%D0%B2+div&lr=213)... И хоть обчитайся!

ksa
10.11.2010, 08:37
А вот насчет непосредственно программирования знаний мне не хватает
При таком раскладе таки лучше все сделать самому. А тут помогут по конкретным вопросам. А переделывать стыбженое мало кго заинтересует... :)

ksa
10.11.2010, 08:52
Вот например схемка одного из решений...

http://clip2net.com/clip/m31885/1289368569-clip-9kb.png

Netherlandman
11.11.2010, 13:38
Спасибо за ответ. Пробую сделать по предложенному вами варианту. В принципе все понятно, и думаю, что если бы не один нюанс, то трудностей в выполнении не возникло бы. А нюанс этот в том, что дизайн у меня резиновый и явно задать размеры div блоков я не могу. Тоесть например у меня внешний div занимает 70% в окне браузера по ширине, а высота поидее должна растягиваться в зависимости от высоты содержимого.
Как в таком случае указать размер внутреннего div? И соответственно шаг margin-left.

Bercut
11.11.2010, 22:53
вам надо либо внешний див сделать статичной ширины, либо динамически картинки (или что там у вас) внутри контейнера ставить на расстоянии друг от друга равному (ВнешниДив.ширина - Картинка.ширина)
и всё так же двигать этот контейнер влево/вправо

Bercut
11.11.2010, 22:56
а можно просто взять какую-нибудь карусель (http://habrahabr.ru/blogs/webdev/59681/)

Netherlandman
13.11.2010, 00:26
2Bercut, тоесть для резинового дизайна сделать подобное нереально? так как делать один элемент статичным - значит сбить весь дизайн (все вокруг будет растягиваться, а блок посередине страницы нет).

Bercut
13.11.2010, 00:30
тоесть для резинового дизайна сделать подобное нереально?
либо динамически картинки (или что там у вас) внутри контейнера ставить на расстоянии друг от друга
вы внимательно читаете?

все вокруг будет растягиваться, а блок посередине страницы нет
это не так уж и страшно, иногда даже очень хорошо, всё зависит от конкретного случая

vladlen
13.11.2010, 02:23
все вокруг будет растягиваться, а блок посередине страницы нет
А почему он не может растягиваться?

ksa
13.11.2010, 09:32
для резинового дизайна сделать подобное нереально?
Ну почему же. :)
Размеры у элементов всегда можно узнать из их свойств... А в ЦССе все проставлять в процентах...

Конкретно советовать можно будет по твоему тестовому примеру. Так-то чего в небо пальцем тыкать...