1

所以我想我会在我的一个项目中实现 Nivo jQuery 滑块。一切都已实施,据我所知,它应该可以正常工作,但由于某种原因,某些效果不起作用。

如果我将 animSpeed 设置为小于 500(默认值)甚至更少的效果工作,我要么从右侧滑入,要么我只是得到一个静态开关(它等待 animSpeed 完成,然后只是切换图片)。还值得一提的是,对于某些过渡,animSpeed 被忽略了,它有时至少保持在 500(甚至可能更多)。

触发插件的代码:

$(window).load(function() {
  $('#slider').nivoSlider({
      effect: 'boxRandom',
      animSpeed: 500,
      pauseTime: 5*1000,
      directionNav: true,
      controlNav: false,
      pauseOnHover: true,
      prevText: 'Prev',
      nextText: 'Next',
      randomStart: true,
  });
});

HTML 代码:

<div id="slider" class="nivoSlider">
    <a href="#"> <img src="valid/source1.jpg" alt="" /> </a>
    <a href="#"> <img src="valid/source2.jpg" alt="" /> </a>
    <a href="#"> <img src="valid/source3.jpg" alt="" /> </a>
    <a href="#"> <img src="valid/source4.jpg" alt="" /> </a>
</div> <!-- slider-->

有任何想法吗?

4

0 回答 0