2016-08-30 2 views
0

Я пытаюсь получить плагин jquery unslider, где каждый щелчок следующей/предыдущей кнопки перемещается в следующую пару скрытых слайдов.Unslider несколько слайдов с каждым щелчком

Например, если на странице загружаются только три слайда, то при каждом нажатии следующей стрелки появляются следующие три слайда.

В настоящее время я работаю без работы, когда отображается только один слайд, и каждый слайд перемещается в окно с каждым щелчком.

Было ли интересно, если кто-то совершил это поведение в прошлом с этим плагином и был готов помочь?

Заранее спасибо

JS

$('.photo-slider').unslider({ 
    infinite: true, 
    nav: false 
}); 

HTML

<div class="photo-slider"> 
       <ul> 

        <li> 
         Hello1 
        </li> 
        <li> 
         Hello2 
        </li> 
        <li> 
         Hello3 
        </li> 
        <li> 
         Hello4 
        </li> 
        <li> 
         Hello5 
        </li> 
        <li> 
         Hello6 
        </li> 
        <li> 
         Hello7 
        </li> 
        <li> 
         Hello8 
        </li> 
        <li> 
         Hello9 
        </li> 
        <li> 
         Hello10 
        </li> 
        <li> 
         Hello11 
        </li> 
        <li> 
         Hello12 
        </li> 
        <li> 
         Hello13 
        </li> 
        <li> 
         Hello14 
        </li> 
        <li> 
         Hello15 
        </li> 
       </ul> 

ответ

1

Лучше вид изменения и добавить 3 изображение или текст в одной ли, как это:

<div class="photo-slider"> 
      <ul> 

       <li> 
        <div>Hello1</div> 
        <div>Hello2</div> 
        <div>Hello3</div> 
       </li> 
       <li> 
        <div>Hello4</div> 
        <div>Hello5</div> 
        <div>Hello6</div> 
       </li> 
      </ul> 
+1

Спасибо Петр, это может работать на статическую n размер, но как насчет жидкостных конструкций? – AnchovyLegend

+0

использование гибкого содержимого https://css-tricks.com/snippets/css/a-guide-to-flexbox/ –

+0

У меня также есть требование показать несколько слайдов на каждом клике, как bxSlider и slickslide. Есть ли какой-либо вариант, который мы могли бы достичь, используя опции unlider config? Мое требование - показать один слайд за клик на мобильном устройстве и показать 3 за клик на рабочем столе. Возможно ли это? Я не смогу изменить шаблон, как вы предложили. – webdevexp

Смежные вопросы