Question

我有以下一点运行滑块的jQuery。我希望它能自动启动并暂停停留。

这是在测试中:(这不是我的代码来自模板）

http://webcontentmanager.co.uk/clients/alex/testing-2.html

运行此滑块的jquery如下：

/*!Full-width scroller*/
$(".fullwidth-slider li").not(".text-on-img .fullwidth-slider li").each(function() {
var $_this = $(this),
    this_img = $_this.find("img").width();
$_this.css({"width": this_img + 20});
$(".fs-entry-content", $_this).css("opacity", "1");
$( $_this).css("opacity", "1")
});
$(".fullwidth-slider").each(function() {
var $this = $(this),
    $this_par = $(this).parent(),
    $this_img = $this.find("img").attr("height"),
    $this_top = $this.position().top,
    scroller = $this.theSlider({
        mode: "scroller"
    }).data("theSlider");
$(".prev, .next", $this_par).css({
    height: $this_img
});
$(".related-projects .prev, .related-projects .next").css({
    top: $this_top + "px"
});
$(".prev i", $this_par).click(function() {
    if (!scroller.noSlide) scroller.slidePrev();
});
$(".next i", $this_par).click(function() {
    if (!scroller.noSlide) scroller.slideNext();
});


scroller.ev.on("updateNav sliderReady", function() {
    if (scroller.lockRight) {
        $(".next", $this_par).addClass("disabled");
    }
    else {
        $(".next", $this_par).removeClass("disabled");
    };

    if (scroller.lockLeft) {
        $(".prev", $this_par).addClass("disabled");
    }
    else {
        $(".prev", $this_par).removeClass("disabled");
    };
    });

});

Answer 1

为了让您朝着正确的方向前进，您可以执行此操作以使滑块自动滚动：

var i = setInterval(function(){
  jQuery("div.next i").trigger("click");
}, 500);

在悬停时，您可以使用：clearInterval(i)

我不确定循环功能。您的演示页面包含大量JavaScript和CSS包含的与问题无关的内容。

相关的JS所在的地方并不是很明显。

如果你可以使用sscce小提琴，我可以为你提供更多帮助。

你能帮我自动化吗？

1 个答案: