与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%; }