Как зациклить карусель?
Привет. Подскажите как зациклить карусель или стопануть стрелку вправо после просмотра всех изображений?
В конце страницы карусель: http://www.gulftravel.com.ua/countri.../o-strane.html Вот код карусели: $(document).ready(function() { var leftUIEl = $('.carousel-arrow-left'); var rightUIEl = $('.carousel-arrow-right'); var elementsList = $('.imageRow'); var pixelsOffset = 400; var currentLeftValue = 0; var elementsCount = elementsList.find('li').length; var minimumOffset = - ((elementsCount - 5) * pixelsOffset); var maximumOffset = 0; leftUIEl.click(function() { if (currentLeftValue != maximumOffset) { currentLeftValue += 400; elementsList.animate({ left : currentLeftValue + "px"}, 500); } }); rightUIEl.click(function() { if (currentLeftValue != minimumOffset) { currentLeftValue -= 400; elementsList.animate({ left : currentLeftValue + "px"}, 500); } }); }); |
Ну так else перекрестно.
|
А можно подробнее? А то я в js полный профан
|
бесконечная карусель
Maggie,
можно и зациклить ... $(document).ready(function() { var leftUIEl = $('.carousel-arrow-left'); var rightUIEl = $('.carousel-arrow-right'); var elementsList = $('.imageRow'); var currentLeftValue = 0; elementsList.append(elementsList.find('.single')); //без div.set красивее leftUIEl.click(function() { currentLeftValue = elementsList.find('.single').eq(1).position().left; elementsList.stop().animate({ left: -currentLeftValue + "px" }, 500, function() { elementsList.append(elementsList.find('.single').first()); elementsList.css({ left: 0 }) }); }); rightUIEl.click(function() { elementsList.prepend(elementsList.find('.single').last()); currentLeftValue = elementsList.find('.single').eq(1).position().left; elementsList.css({ left: -currentLeftValue + "px" }) elementsList.stop().animate({ left: 0 }, 500) }); }); |
Цитата:
leftUIEl.click(function() { if (currentLeftValue != maximumOffset) { /* тут все по тексту */ else rightUIEl.click(); и еще раз в правой на левую. |
Цитата:
|
Спасибо, рони, помогли, всё работает... только вот в противоположную сторону катало, но я вроде бы поняла что сделать нужно)
|
Цитата:
|
Maggie,
left и right в строках 2 и 3 поменять местами или в начале или в конце строк |
Да, спасибо, поменяла уже)
|
Часовой пояс GMT +3, время: 17:37. |