Jquery动态加载图像

Question

当我的页面加载时，我有一个空图像，在用户输入正确的查询字符串后，我解析它并使用AJAX返回图像的id /位置。

<a class="bigImg rght" style="width:258px;">
<img src="" alt="Slide" width="298" height="224" /></a>

然后我将新的id附加到img src字段中，但它没有做的是加载新图像。

parent_img.attr("src","http://www.mysite.com/files/"
+(data.offset_num)+"/"+(data.offset_id)).fadeIn(1000);

所以现在我的html看起来像这样：

<a class="bigImg rght" style="width:258px;">
<img src="http://www.mysite.com/files/4823413/008234" alt="Slide" width="298" height="224" /></a>

这是正确的位置，但它没有刷新图像， 我怎么强迫它这样做？所以新图像被加载。

Answer 1

我通过在图像末尾添加随机ID来解决这个问题。

var img_src = '/images/path_to_image.jpg?' + new Date().getTime();
$('#img_id').attr('src', img_src);