使用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%; }