在jquery中添加悬停暂停

【问题标题】：add pause on hover in jquery在jquery中添加悬停暂停
【发布时间】：2013-09-15 21:26:03
【问题描述】：

我似乎无法在此幻灯片放映代码中添加鼠标悬停暂停，任何帮助将不胜感激

    <script type="text/javascript">
        $(function() {

            var jmpressOpts = {
                animation       : { transitionDuration : '1.8s' }
            };

            $( '#jms-slideshow' ).jmslideshow( $.extend( true, { jmpressOpts : jmpressOpts }, {
                autoplay    : true,
                dots        : false,
                arrows      : false,
                interval    : 8000
            }));

        });
    </script>

【问题讨论】：

标签： javascript jquery hover onpause

【解决方案1】：

我不知道 jmslideshow 是如何工作的，但尝试将间隔设置为您选择的变量，然后在 .mouseover 上将该变量更改为一个非常大的数字，然后在 .mouseout 上将其更改为 8000

或者也许你可以用自动播放做同样的事情，在 .mouseover 上设置为 false，在 .mouseout 上设置为 true

【讨论】：

【解决方案2】：

请在此处查看我的答案：https://stackoverflow.com/a/19830616/2519089

您需要修改 jquery.jmslideshow.js 文件并在 _loadEvents 方法中包含以下行：

//custom hover handler
this.$jmsWrapper.on( 'mouseenter', function( e ) {
    _self._stopSlideshow();
});

this.$jmsWrapper.on( 'mouseleave', function( e ) {
    _self.options.autoplay  = true;
    _self._startSlideshow();
});

希望这会有所帮助！

【讨论】：