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").scrollable({ circular: true }).autoscroll({ autoplay: true, autopause: false, interval: 2000 })

但我无法弄清楚它的去向。：（

知道这些事情的人能帮助我吗？

非常感谢您的帮助。

Answer 1

添加到就绪活动：

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

Answer 2

变化：

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

到

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

我知道我迟到了，但也许别人觉得它很有用。

将Auto Scroll添加到此jQuery滑块？

2 个答案: