改变图像不工作

Question

这里是我的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> 

当我的缩略图，动画淡入点击和隐藏的作品，但形象没有改变......为什么？

Answer 1

感谢ü@Shurdoof！现在一切正常！ 这里是解决方案：

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

Answer 2

要改变形象，指定第二个参数attr：

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

取而代之的是，这将无法工作：

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

Check out the second version of attr here for more info.

---

您还没有将src储存在您的image vari能，但其rel属性在这里：

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

这应该是：

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

Answer 3

检查http://api.jquery.com/attr/

此外，您使用相等运算==，你通常可以使用赋值运算符=。这不会.attr方法虽然工作..

Answer 4

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

应该

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