ホバー上で画像を循環させ、最後に見た画像で停止する

Question

私はホバー上を循環する5つの画像の束を持っています。

http://jsfiddle.net/9kxw7wpg/1/

jQuery(function($){ 

    // Cycle plugin 
    $('.slides').cycle({ 
     fx:  'none', 
     speed: 1, 
     timeout: 500 
    }).cycle('pause'); 

    // Pause & play on hover 
    $('.slideshow-block').hover(function(){ 
     $(this).find('.slides').addClass('active').cycle('resume'); 
    }, function(){ 
     $(this).find('.slides').removeClass('active').cycle('pause'); 
    }); 

}); 

私は今、達成したいと何マウスアウトに黒い背景が再び表示されるはずはないということですが、ホバーに見られた最後の画像。

Answer 1

自明、あなただけのremoveClass機能を削除することができます。

jQuery(function($){ 

    // Cycle plugin 
    $('.slides').cycle({ 
    fx:  'none', 
    speed: 1, 
    timeout: 500 
    }).cycle('pause'); 

    // Pause & play on hover 
    $('.slideshow-block').hover(function(){ 
    $(this).find('.slides').addClass('active').cycle('resume'); 
    }, function(){ 
    $(this).find('.slides').cycle('pause'); //altered 
    }); 

}); 

しかし、黒の背景には、独自のCSSによって引き起こされる：

.slides{ 
    z-index:0; 
    visibility:hidden; 
} 

だから、それはあなたが最終的にそれを削除したい場合は、すべてvisibility:hiddenを持っている必要があるのでしょうか？