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周期下面的代码

$('.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/