Jquery 在Nivo滑块上播放/暂停Btn

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

---

非常感谢，

只需在第627行的nquery.nivo.slider.js中添加此代码即可

jQuery('#pause').click(function(){
    if(!$(element).data('nivo:vars').stop){
        $(element).data('nivo:vars').stop = true;
        trace('Stop Slider');
    } });

jQuery('#play').click(function(){
    if($(element).data('nivo:vars').stop){
                     $(element).data('nivo:vars').stop = false;
                     trace('Start Slider');
                } });

---

From:

首先，在页面中插入两个按钮，将它们堆叠在同一位置，并为它们提供暂停和播放ID

然后，在页面的

部分添加这些代码行

<script type="text/javascript">
$(window).load(function() {
    $("#Pause").click(function () { 
       $('#Pause').fadeOut(200); 
       $('#Play').fadeIn(200); 
       $('#Slider').data('nivoslider').stop();
      });
    $("#Play").click(function () {
        $('#Play').fadeOut(200);
        $('#Pause').fadeIn(200);
        $('#Slider').data('nivoslider').start();
      });
});</script>

$（窗口）。加载（函数（）{
$（“#暂停”）。单击（函数（）{
$（'暂停'）。淡出（200）；
$（#Play'）。法登（200）；
$（'#Slider'）.data（'nivoslider'）.stop（）；
});
$（“#播放”）。单击（函数（）{
$（#Play'）。淡出（200）；
$（“#暂停”）.fadeIn（200）；
$（'#Slider'）.data（'nivoslider'）.start（）；
});
});

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

var slider=jQuery（'#slider'）；
var nivoStartStopControl=jQuery（“”）；
滑块.after（nivoStartStopControl）；
nivoStartStopControl.append（“”）；
jQuery（'#nivoStop'）。单击（函数（事件）{
event.preventDefault（）；
slider.data（'nivoslider'）.stop（）；
});
jQuery（“#nivoStart”）。单击（函数（事件）{
event.preventDefault（）；
slider.data（'nivoslider'）.start（）；
});

如何在滑块中添加这些按钮？

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();
});