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/

Jquery在悬停时开始滑动图像

1 个答案: