Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   нужна адаптивная галерея-карусель (https://javascript.ru/forum/dom-window/55716-nuzhna-adaptivnaya-galereya-karusel.html)

Yurik 11.05.2015 16:21

нужна адаптивная галерея-карусель
 
есть куча картинок (20 например) нужно чтоб в окне браузера у меня отображались превьюшки (фиксированной величины например 300Х100 пикселов) при этом в окошке 300Х200 должно быть 2 превьюшки и стрелочки "вправо"/"влево" чтоб листать как карусель, в окошке 900Х300 уже 9 превьюшек и так далее... т.е. чтоб не было скрола вертикального а превьюшки занимали все отведенное для них место.

наверняка есть какой-то плагин на jquery для реализации подобного

Yurik 12.05.2015 22:23

итак картинки разместил, чет под вечер туплю, подскажите как сделать горизонтальное листание?
<div>
   <div class="slider active"></div>
   <div class="slider"></div>
   <div class="slider"></div>
</div>


вот как мне дивы листать с помощью jquery ?

Yurik 12.05.2015 23:05

jquery UI делает то что мне нужно, но осталась последняя загвоздка

$(".slider,.active").hide( "slide", { direction: "left" }, 10000 ).removeClass('active');
        $(".slider :eq("+act_slider+")").show("slide", { direction: "right" }, 10000 ).addClass('active');


дивы ползут как нужно, но блин один под другим ((

Yurik 12.05.2015 23:08

Цитата:

Сообщение от Rise (Сообщение 370466)
Yurik, а в окошке 850Х450 сколько превьюшек?

размеры дал просто для примера, с размещением превьюшек разобрался, запихиваю их в дивы, но вот теперь не осилю листание ((

ps 850/300 = 2 (целое без остатка)
450/150 = 3
т.е. получаем 2 х 3 =6 превьюшек

Yurik 13.05.2015 21:11

вопрос закрыт, сделал обертку из дивов первый с отключенным скролом, второй длинный (все слайды-странички размещены на нем) и с помощью jquery annimate меняю margin-left этого длинного дива в итоге все как мне нужно получилось, будет время переберу это все чтоб сделать плагин к jquery (для красоты)

kostyanet 13.05.2015 22:44

Да, еще один могучий плагин для прокрутки картинок нипомешает человечеству.

Yurik 24.05.2015 21:34

) я ж не для человечества а для себя любимого стараюсь )))

kostyanet 26.05.2015 15:35

Да такие баяны кажись уже на чистом css делают.

рони 26.05.2015 16:09

Цитата:

Сообщение от Yurik
наверняка есть какой-то плагин на jquery для реализации подобного

http://flexslider.woothemes.com/dyna...l-min-max.html

Sigizmund2012 26.05.2015 17:55

Вот хороший адаптивный слайдер http://owlgraphic.com/owlcarousel/


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