JQuery просто два изображения карусели

Question

JQuery просто два изображения карусели

0

Я ищу чрезвычайно базовую функциональность карусели с помощью jQuery.

Должно:

Прокрутка между двумя изображениями неограниченно. Прокрутка влево - вправо каждые две или три секунды. Отсутствие навигации/кнопок/текста.

Что-то вроде этого: http://jsfiddle.net/UWbrQ/172/

(function() {
var first = $('.item').first(),
    last = $('.item').last(),
    itemWidth = first.width(),
    carousel = $('.carousel');
carousel.prepend(last.clone()).append(first.clone());
carousel.width(itemWidth * $('.item').length);
carousel.css({left: -itemWidth});
$('.prev').on('click', function(e){
    e.preventDefault();
    carousel.animate({left: '+=' + itemWidth}, 300, function(){
        if(Math.abs(carousel.position().left) < 2) {
            carousel.css({left: -itemWidth * (carousel.children().length - 2)});
        }
    });
    return false;       
});
$('.next').on('click', function(e){
    e.preventDefault();
    carousel.animate({left: '-=' + itemWidth}, 300, function(){
        if(Math.abs(carousel.position().left + itemWidth * (carousel.children().length - 1)) < 2) {
            carousel.css({left: -itemWidth});
        }
    });
    return false;       
});
})();

Но с автоматической функциональностью и не нужны кнопки prev/next.

EDIT: нашел хороший здесь: http://jsfiddle.net/IrvinDominin/2Kspn/ EDIT2: Nvm, получил его: http://jsfiddle.net/IrvinDominin/2Kspn/1/

Но он останавливается на финальном слайде. TYIA

user5623896726 20 март 2014, в 15:02

Источник

Теги:

jquery

slider

carousel

1 ответ

Ещё вопросы

AJ. · Answer 1 · 2014-03-20T11-12-00.000Z

Вы должны использовать setTimeout функцию JQuery для вызова (триггер клик) next каждые 2/3 сек.

setTimeout(function() {
      // Do something after 2 seconds
}, 2000);