您能帮我自动化这个吗?

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进行小提琴，我可以为您提供更多帮助。