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/