如何在mouseleave上停止cubeslider幻灯片放映?

时间:2015-11-22 02:30:42

标签: javascript jquery html slideshow

我正在使用Cube Slider 3d插件进行幻灯片放映,我使用jQuery从'mouseenter'开始,它运行正常。我希望它停止'mouseleave'并且无法让它工作。无法找到任何指导我正确方向的东西。请参阅下面的代码。这是我用来启动的代码。如您所见,有一个自动播放选项,我将其设置为“true”。逻辑会告诉我在mouseleave上将值设置为false,但这不起作用,并且再次使用cubeslider()似乎有点多余。我也尝试过jQuery方法stop()并考虑尝试以某种方式使用setInterval()和clearInterval()。使用jQuery插件似乎不需要额外的jQuery / JavaScript。我可能错了,因为我忽略了jQuery / JavaScript的另一个焦点,可能需要复习许多JavaScript概念。任何帮助表示赞赏。感谢

$('#cubeSlide').mouseenter(function() {
    $('#cubeSlide').cubeslider({
        cubesNum: {rows:1, cols:1},
        orientation: 'h',
        autoplay: true,
        autoplayInterval: 500,
        perspective: 1200,
        mode3d: 'auto',
        arrows: false,
        navigation: false,
        addShadow: false,
    });
});

0 个答案:

没有答案