2014-06-15 77 views
2

我在我的ipb板上有一个幻灯片,并且喜欢在盘旋时停下来。Jquery hover stop

我发现这个代码,真的很想加入一些代码来停止。

<script type='text/javascript'> 
var JQry = jQuery.noConflict(); 
JQry(document).ready(function(){ 
    JQry('.slideshow_{$slideshow['ssid']}').show().bxSlider({ 
     captions: true, 
     controls: false, 
     mode: '{$slideshow['slideshow_style']}', 
     slideMargin: 5, 
     minSlides: <if test="$slideshow['slideshow_style']=='vertical'">{$slideshow['slideshow_minSlides']}<else />{$slideshow['slideshow_minSlides']}</if>, 
     maxSlides: {$slideshow['slideshow_maxSlides']}, 
     slideWidth: <if test="$slideshow['slideshow_img_w'] && $slideshow['slideshow_img_w'] > 0">{$slideshow['slideshow_img_w']}<else />{$this->settings['bim_fcontent_thumb_width']}</if>, 
     slideHeight: <if test="$slideshow['slideshow_img_h'] && $slideshow['slideshow_img_h'] > 0">{$slideshow['slideshow_img_h']}<else />{$this->settings['bim_fcontent_thumb_height']}</if>,   
     auto: <if test="$slideshow['slideshow_autoplay']=='1'">true<else />false</if>, 
     autoHover: true, 
     speed: {$slideshow['slideshow_speed']},   
     pause: {$slideshow['slideshow_duration']}, 
     pager: <if test="$slideshow['slideshow_shownav']=='1'">true<else />false</if>, 
     preloadImages: 'all', 
    }); 
});  

+1

请添加jsfiddle的代码。根据关于bxslider(http://bxslider.com/options)的文档,autoHover:true应该在停止时停止。 –

+0

阅读文档...... hmmmm。它来自IPB的附加组件,只是尽量让它按照我的需要工作。 自动停留不停止。 – user3740957

回答

0

悬停事件也添加到您的代码:

JQry('.slideshow_{$slideshow['ssid']}').show().bxSlider({ 
    hover: return, 
}); 

当你将鼠标悬停在图像上,悬停事件被激发,并为我们写return语句功能将被退出。