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