Форум

Yurik · #1 (**permalink**) 11.05.2015, 16:21

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

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

Yurik · #2 (**permalink**) 12.05.2015, 22:23

итак картинки разместил, чет под вечер туплю, подскажите как сделать горизонтальное листание?

<div>
   <div class="slider active"></div>
   <div class="slider"></div>
   <div class="slider"></div>
</div>

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

Yurik · #3 (**permalink**) 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 · #4 (**permalink**) 12.05.2015, 23:08

Сообщение от Rise

Yurik, а в окошке 850Х450 сколько превьюшек?

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

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

Yurik · #5 (**permalink**) 13.05.2015, 21:11

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