2

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

    <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>
4

2 回答 2

0

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

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

于 2013-09-16T00:04:09.753 回答
0

请在此处查看我的答案：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();
});

希望这可以帮助！

于 2013-11-07T08:06:45.257 回答