Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Подскажите простое решение для слайдера (https://javascript.ru/forum/misc/12952-podskazhite-prostoe-reshenie-dlya-slajjdera.html)

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

Цитата:

Сообщение от Netherlandman
подсказать где и что еще можно почитать по этому поводу

Дык прям так и написал бы "прокрутка в div"... И хоть обчитайся!

ksa 10.11.2010 08:37

Цитата:

Сообщение от Netherlandman
А вот насчет непосредственно программирования знаний мне не хватает

При таком раскладе таки лучше все сделать самому. А тут помогут по конкретным вопросам. А переделывать стыбженое мало кго заинтересует... :)

ksa 10.11.2010 08:52

Вот например схемка одного из решений...


Netherlandman 11.11.2010 13:38

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

Bercut 11.11.2010 22:53

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

Bercut 11.11.2010 22:56

а можно просто взять какую-нибудь карусель

Netherlandman 13.11.2010 00:26

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

Bercut 13.11.2010 00:30

Цитата:

Сообщение от Netherlandman
тоесть для резинового дизайна сделать подобное нереально?

Цитата:

Сообщение от Bercut
либо динамически картинки (или что там у вас) внутри контейнера ставить на расстоянии друг от друга

вы внимательно читаете?

Цитата:

Сообщение от Netherlandman
все вокруг будет растягиваться, а блок посередине страницы нет

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

vladlen 13.11.2010 02:23

Цитата:

Сообщение от Netherlandman
все вокруг будет растягиваться, а блок посередине страницы нет

А почему он не может растягиваться?


Часовой пояс GMT +3, время: 17:50.