暂停 Nivo 滑块

发布于 2024-12-15 18:28:00 字数 476 浏览 4 评论 0原文

我想在 Nivo 滑块运行之前暂停 5 秒钟，但显示第一张图像。因此，我认为我需要在属性 afterLoad 中添加一些代码。

在运行滑块代码之前我尝试过 setTimout ，但它没有给出我想要的结果。

这是我当前的代码：

$(window).load(function(){
    $('#slider').nivoSlider({
        animSpeed: 500,
        pauseTime: 4000,
        effect : 'boxRain',
        directionNav : false,
        controlNav: false,
        afterLoad: function(){
            //$('#slider').data('nivoslider').stop();       
        }
    });
});

原文

I'd like to pause the Nivo slider for 5 seconds before it runs but show the first image. So I'll need to add some code in the property afterLoad I believe.

I've tried setTimout before running the slider code be it doesn't give the result I'd like.

This is my current code:

$(window).load(function(){
    $('#slider').nivoSlider({
        animSpeed: 500,
        pauseTime: 4000,
        effect : 'boxRain',
        directionNav : false,
        controlNav: false,
        afterLoad: function(){
            //$('#slider').data('nivoslider').stop();       
        }
    });
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

—━☆沉默づ 2024-12-22 18:28:00

我不知道你的确切代码，但你可以使用 .stop() ，5 秒后你再次启动它。
$('#slider').data('nivoslider').stop(); //停止滑块
$('#slider').data('nivoslider').delay(5000).start(); //启动滑块

修正（因为在这种情况下延迟不起作用）：

$(window).load(function(){
  $('#slider').nivoSlider({
   animSpeed: 500,
   pauseTime: 4000,
   effect : 'boxRain',
   directionNav : false,
   controlNav: false,
  });
  jQuery('#slider').data('nivoslider').stop();
  setTimeout("jQuery(#slider').data('nivoslider').start()",5000);
});

I don't know your exact code but you could use .stop() on it and after 5 seconds you start it again.
$('#slider').data('nivoslider').stop(); //Stop the Slider
$('#slider').data('nivoslider').delay(5000).start(); //Start the Slider

Correction (because delay didn't work in that case):

$(window).load(function(){
  $('#slider').nivoSlider({
   animSpeed: 500,
   pauseTime: 4000,
   effect : 'boxRain',
   directionNav : false,
   controlNav: false,
  });
  jQuery('#slider').data('nivoslider').stop();
  setTimeout("jQuery(#slider').data('nivoslider').start()",5000);
});

回复收藏 0 原文

~没有更多了~