在弹性内容滑块中启用自动滚动

Question

我正在使用弹性内容滑块在我的网站http://freekishopping.in

上展示特色优惠

您可以在我的网站上看到演示

Bu此滑块不滚动自动意味着下一张幻灯片不会自动滚动。我希望在修复间隔为400毫秒后自动滚动。

我如何实现这一目标？

Answer 1

这是你可以做的......

首先，修复href链接是唯一的

<a href="#slide1"> ... </a>
<a href="#slide2"> ... </a>
<a href="#slide3"> ... </a>
<a href="#slide4"> ... </a>
<a href="#slide5"> ... </a>

其次，编写一个无限递归调用来模拟单击唯一链接。

var slideCount = 1;

function clickingLoop(){

    if(slideCount == 5){
         slideCount = 1;
     }

     $("a[href$=#slide"+slideCount+"]")[0].click();

     slideCount++;

     setTimeout(clickingLoop, 1500);   // or 400ms
}


clickingLoop();