Я делаю скользящую галерею изображений, где есть 3 страницы по 3 изображения на странице. Все изображения помещаются в контейнер <ul>
. Когда вы нажимаете кнопку «Далее», появляются следующие 3 изображения, а когда вы нажимаете кнопку «предыдущий», появляются предыдущие 3 изображения. Я попытался сделать так, чтобы при переходе к последним трем изображениям нажатие кнопки «далее» ничего не делало, а при просмотре первых трех изображений нажатие кнопки «предыдущая» не выполнялось. что-нибудь.
Проблема в том, что изображения не скользят туда, куда должны. Например, если я нахожусь на первой странице и нажимаю «next», затем нажимаю «prev», а затем, наконец, снова нажимаю «next», контейнер изображений <ul>
переместится на последнюю страницу, а не на вторую страницу; если я нажму «далее» в третий раз, контейнер изображений выдвинет все изображения так, что вы увидите только пустое пространство контейнера <ul>
.
вот jsfiddle: