javascript - Jquery悬停停止

Question

我的 ipb 板上有一个幻灯片，并且喜欢在悬停时停止它。

我找到了这段代码，并且真的很想在其中添加一些代码来停止。

<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',
    });
});     

Answer 1

还将悬停事件添加到您的代码中:

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

当您将鼠标悬停在图像上时，会触发悬停事件，并且正如我们编写的 return 语句函数将退出。