Lof JSliderNews jQuery - 如何在悬停时暂停?

时间:2013-10-08 10:56:02

标签: javascript jquery jquery-plugins

jQuery(function($) {

            var buttons = {
                 previous: jQuery('#lofslidecontent45 .lof-previous'),
                 next: jQuery('#lofslidecontent45 .lof-next')
             };

            window.setTimeout(function(){
         $obj = jQuery('#lofslidecontent45').lofJSidernews({
                 interval: 4000,
                 direction: 'opacitys',
                 easing: 'easeInOutExpo',
                 duration: 1200,
                 auto: true,
                 maxItemDisplay: 3,
                 navPosition: 'horizontal', // horizontal
                 navigatorHeight: 40,
                 navigatorWidth: 70,
                 mainWidth: 1000,
                 buttons: buttons,
                 isPreloaded:false
                });  
            },500);


         });

如何在悬停时配置暂停? 这个滑块有什么参考吗? 还是有像hover这样的选项:停止,..

1 个答案:

答案 0 :(得分:0)

没有像hover: "stop"这样的配置 但是如果你查看实际的.js文件,你会发现

$( obj ).hover(function(){
    self.stop();    
    $buttonControl.addClass("action-start").removeClass("action-stop").addClass("hover-stop");
}, function(){
    if( $buttonControl.hasClass("hover-stop") ){    
        if( self.settings.auto ){
            $buttonControl.removeClass("action-start").removeClass("hover-stop").addClass("action-stop");
                self.play( self.settings.interval,'next', true );       
        }
    }
} );

这意味着,悬停停止功能在那里是默认的。