Question

我不确定我的谷歌搜索技巧是否生锈，但我一直遇到麻烦，我认为jQuery中的一个简单的东西，但我无法做到正确。会发生什么是图像是一个大图像。当我将鼠标悬停在其他人身上时，通过切换类属性来改变大图像，但我也希望它在转换过程中淡入，但只保留图像缩略图。我有一种感觉，我很接近，但我无法弄明白。

这是jQuery代码：

$(document).ready(function () {
    $('#inlinethumbs1 div a img').hover(function () {
        var $this = $(this);
        $('#previewheight1 img').fadeOut(function(){
            $('#previewheight1 img').attr('src', $this.src).fadeIn(); 
        });
    });
});

以下是HTML代码：

            <div class="wrapper">
                <div class="previewposition">
                    <div id="previewheight1">
                        <img src="Image1.png" alt="" class="previewthumb">
                    </div>
                    <div id="inlinethumbs1">
                        <div class="float">
                            <a href="Image1.png"><img src="Image1.png" alt="" class="thumb"></a>
                        </div>
                        <div class="float">
                            <a href="Image2.png"><img src="Image2.png" alt="" class="thumb"></a>
                        </div>
                        <div class="float">
                            <a href="Image3.png"><img src="Image3.png" alt="" class="thumb"></a>
                        </div>
                    </div>
                </div>
            </div>

Answer 1

我认为错误发生在jQuery代码第5行

而不是

$('#previewheight1 img').attr('src', $this.src).fadeIn();

使用prop的attr得到src值：

$('#previewheight1 img').attr('src', $this.attr('src')).fadeIn();

或

$('#previewheight1 img').attr('src', $this.prop('src')).fadeIn();  // use prop as of jQuery 1.6

在库中使用jQuery淡入淡出图像更改

1 个答案: