3

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

非常感谢，

4

3 回答 3

5

将下面的代码添加到您的 jquery 就绪函数中。该代码添加了两个按钮用于启动和停止。此代码的优点是您不必修改 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();
});
于 2014-06-06T13:33:34.690 回答
1

只需在第 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');
                } });

来自： http: //support.dev7studios.com/discussions/nivo-slider/1949-how-to-add-play-and-pause-button-on-the-image-slider

于 2012-10-02T15:52:16.350 回答
0

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

<head>然后，在页面的部分中添加这些代码行。

<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>
于 2014-02-13T08:24:23.163 回答