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

Lof JSliderNews jQuery - how to pause on hover?

本文关键字:悬停 暂停 JSliderNews jQuery Lof      更新时间:2023-09-26
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: "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 );       
        }
    }
} );

这意味着,悬停功能是默认的。