與jquery多圖像交換

Question

我需要在我的網站頁面上製作我的類別的大拇指。當用戶將鼠標懸停在拇指上時，它會改變很少的圖像。所以我發現這個教程，到目前爲止是工作，但它裁剪圖像。如何才能做到不裁剪它們？

jQuery(function($){ 

     // Cycle plugin 
     $('.slides').cycle({ 
      fx:  'none', 
      speed: 1000, 
      timeout: 200 
     }).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'); 
     }); 

    }); 

Here is the website with tutorial

Here is the DEMO on Js Fiddle

上演示的圖像是大的，你可以看到他們是如何裁剪。

Answer 1

請問您可以添加下面的CSS並檢查。

.slides img{width:100%; }