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

当您将鼠标悬停在图像上时，将触发悬停事件，并且当我们写入返回语句函数时将退出。

Jquery悬停停止

1 个答案: