Как подключить карусель на основе iScroll 4?

Question

Я создал карусель на основе iScroll.

См скрипку здесь ... http://jsfiddle.net/manseuk/r9VL2/2/

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

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

Answer 1

Вот быстрый образец для Next/Prev кнопок myScroll1. Замените их onclick этими функциями:

function next(){ 
    snapNum = document.querySelectorAll('#indicator1 > li').length; 
    if(myScroll1.currPageX+1 == snapNum){ 
     myScroll1.scrollToPage(0, 0); 
    }else{ 
     myScroll1.scrollToPage('next', 0); 
    } 
} 

function prev(){ 
    snapNum = document.querySelectorAll('#indicator1 > li').length; 
    if(myScroll1.currPageX+1 == 1){ 
     myScroll1.scrollToPage(snapNum, 0); 
    }else{ 
    myScroll1.scrollToPage('prev', 0); 
    } 
} 

Они получают длину li для защелкивания. Тогда, если вы на последнем, вернется к первому. Если вы на первом, продолжайте.

Конечно, это можно сделать более общим и менее полезным, но я оставлю вам.