jQuery添加淡入/淡出

我有一个拇指小图库，当点击一个时，它会调出div#main_img中包含的主图像。下面的代码正在运行

$("#thumbs a").click(function(){
    $("#main_image").html($("<img>").attr("src",this.href));
    return false;
});

    <div id="main_image" class="main_image_style"><img  id="main_pic" src="images/prod_smallpearl.jpg" alt""  /></div>

    <div id="thumbs"><a href="images/prod_smallpearl.jpg"><img src="images/icon_smallpearl.png" alt=" " /></a></div>

$（“#拇指a”）。单击（函数（）{
$（“#主图像”）.html（$（“

---

我想添加淡入/淡出。我尝试了各种不同的方法，但我对jQuery还不熟悉，正在轮转。感谢您的帮助。

您需要在

fadeOut（）

上使用回调来获得正确的顺序：

---

向我们展示“各种不同的东西”中最好的一种。这需要多编写2到3行代码，因此您尝试过的不同东西中的一种可能非常接近解决方案……事实上，如果您完全按照您描述的方式编写，它应该会工作……完美！工作。非常感谢！

$('#thumbs a').click(function () {
    var mySrc = $(this).attr('href');

    $('#main_image > img').fadeOut(function() {
        $(this).attr('src', mySrc).fadeIn();
    });

    return false;
});