在Nivo滑块上播放/暂停Btn

Question

有谁知道是否有办法将播放/暂停按钮添加到Nivo滑块？

非常感谢,

Answer 1

将下面的代码添加到您的jquery ready函数中.该代码添加了两个用于启动和停止的按钮.此代码的优点是您不必修改nivoslider.js.;-)

var slider = jQuery('#slider');
var nivoStartStopControl = jQuery('<div class="nivo-startstopNav"></div>');

slider.after(nivoStartStopControl);
nivoStartStopControl.append('<a href="#" id="nivoStart"><span>START</span></a> <a href="#" id="nivoStop"><span>STOP</span></a>');

jQuery('#nivoStop').click( function(event) {
   event.preventDefault();
   slider.data('nivoslider').stop();
});

jQuery('#nivoStart').click( function(event) {
   event.preventDefault();
   slider.data('nivoslider').start();
});