在jQuery中加载图像

Question

所以这就是问题,

我正在尝试使用jQuery加载图像以加快页面下载速度.为了实现它,我将以下代码作为图像,我想在页面加载后加载.

<img src="/pixel.png" new-img="/newimage.png"/>

然后,要在文档完全加载后加载最终图像,我使用了以下内容.

$(document).ready(function(){ 
    $("img").attr("src", $("img").attr("new-img"));
});

这适用于单个图像,但我有多个图像要转换为此图像.当我尝试加载这样的多个图像时,我完全难以接受,它将所有图像设置为最后加载的图像.

我不确定,但是'$(this)'与它有什么关系？

JSFiddle:http: //jsfiddle.net/AeroMcDoom/8sxED/

Answer 1

使用:

$("img").attr("src", function(){return $(this).attr("new-img")});

仅供参考,您应该使用data-*属性:

<img src="/pixel.png" data-img="/newimage.png"/>

然后:

 $("img").attr("src", function(){return $(this).data("img")});