Добавление автопрокрутки на этот слайдер jQuery?

Question

Здравствуйте, кто-нибудь может помочь?

Я использую этот слайдер на всю страницу ..

http://www.musca.se/full-window-width-jquery-tools-content-slider-demo/

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

Это код, который используется в демоверсии.

$(function() {
// Adds a class to the html code so we can target browsers without JS.
$('html').addClass('JS');
// Sets the slides width on page load
var i = $(window).width();
if (i > 904){ $('#items > li').css({ width: i }); }

// Scrollable and navigator plugin settings.
$("#slider").scrollable({ easing: 'easeOutQuad', speed: 904, circular: true }).navigator({ navi: '#navigation' });

// Window resize code
window.api = $("#slider").data("scrollable");
$(window).resize(function() {
    var a = 1 + window.api.getIndex();
    var w = $(window).width();
    if (w > 904) {
        var l = a * w
        $('#items').css({ left: + - +l });
        $('#items > li').css({ width: w });
    } else {
        $('#items > li').css({ width: 904 });
    }
});
});

Очевидно, что добавление этого к нему обеспечит автоматический слайдер ...

$("#slider").scrol​lable({ circular: true }).autoscroll({ autoplay: true, autopause: false, interval: 2000 }) 

Но я не могу понять, куда это идет. (

Может ли кто-нибудь, кто знает об этих вещах, помочь мне?

Большое спасибо за любую помощь.

Answer 1

Изменение:

$("#slider").scrollable({ easing: 'easeOutQuad', speed: 904, circular: true }).navigator({ navi: '#navigation' });

на

$("#slider").scrol​lable({ easing: 'easeOutQuad', speed: 904, circular: true }).navigator({ navi: '#navigation' }).autoscroll({ autoplay: true, autopause: false, interval: 2000 });

Я знаю, что опаздываю на вечеринку, но, возможно, кто-то еще посчитает это полезным.

Answer 2

Добавить к готовому событию:

setInterval(function(){
$('#navigation-wrapper span.next').click()
},1000)