2014-06-15 115 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語句功能將被退出。