Javascript 更改图像不起作用

以下是我的javasript：

$(function() {
    $(".image2").click(function() {
        var image = $(this).attr("rel");
        $('#random_img').hide();
        $('#random_img').fadeIn('slow');
        $('#random_img').attr('src') == image;
        var image2 = $('#random_img').attr('src');
        $("#thumb2 a img").removeClass("open");
        $("#thumb2 a[rel='" + image2 + "'] img").addClass("open");
        return false;
    });
}); 

这是我的html：

<div id="image2">
    <img id="random_img" src="/documents/templates/projedepo/banner/indigovision.jpg" height="420" width="964" />
</div>
<div id="thumb2">
    <a href="#" rel="/documents/templates/projedepo/banner/canon.jpg" class="image2">
        <img title="Canon" class="slider_thumb" src="/documents/templates/bilgiteknolojileri/images/t_flash/t1.png" border="0"/></a>
    <a href="#" rel="/documents/templates/projedepo/banner/indigovision.jpg" class="image2">
        <img title="IndigoVision" class="slider_thumb" src="/documents/templates/bilgiteknolojileri/images/t_flash/t2.png" border="0"/>
    </a>
</div>

---

当我单击缩略图时，动画fadeIn和hide会工作，但图像不会更改…为什么？

要更改图像，请将第二个参数指定为

attr

：

$('#random_img').attr('src', image);

与此相反，这将不起作用：

$('#random_img').attr('src') = image;

$('#random_img').attr('src') = image;

---

您也没有将

src

存储在

image

变量中，而是将其

rel

属性存储在此处：

var image = $(this).attr("rel");

应该是：

var image = $(this).attr("src");

---

谢谢你@Shurdoof！现在一切都好了！ 以下是解决方案：

$('#random_img').attr('src',image);

检查

此外，您正在使用相等运算符

==

，通常可以使用赋值运算符

=

。但这不适用于

.attr

方法

$('#random_img').attr('src') == image;

应该是