悬停时的jQuery开始滑动图像

Question

这就是我得到的

<div class='slides'>

    <img src='image1.jpg' />
    <img src='image2.jpg' />
    <img src='image3.jpg' />
    <img src='image4.jpg' />
    <img src='image5.jpg' />

</div>

只是 div 内的随机图像，定位：绝对；所以所有人都在同一个位置

我需要做的是，当有人悬停在“幻灯片”div 上时，它开始在其中滑动图像，在取消悬停滑动停止时，等等，如果我得到的不仅仅是“幻灯片”div，则尝试使用 jquery Cycle以下代码

$('.slides').hover(
        function() {
                $(this).cycle({
                        fx:     'fade',
                    speed:   400,
                    timeout: 300,
                    pause:   0
                });
        },
        function(){
                $(this).cycle('stop');
        }
);

但它没有做这项工作，希望我找到一个解决方案，感谢所有帮助，谢谢

Answer 1

试试这个：

$(".slides").cycle({
                    fx:     'fade',
                    speed:   400,
                    timeout: 400,
                    pause:   0
                })
            .cycle('pause')
            .hover(
                function() {
                    $(this).cycle('resume');
                },
                function(){
                    $(this).cycle('pause');
                }
             );

它启动插件然后立即暂停它，然后悬停将分别播放和暂停它。这是一个演示：http://jsfiddle.net/JKirchartz/HSE62/