Javascript 按顺序依次加载图像。

我想在页面加载后使用JQuery加载2个图像。我想一次请求并加载一个图像。我尝试了这个，但是请求和加载同时发生。第一个图像应该来自“src”，第二个来自“data-src”html属性

<img id="image4" src="image/large.jpg" width="100%" data-src="image/full-size.jpg" />

---

有人能帮我吗

我不确定您是否想要这个，但请看一看

JS:

setTimeout（函数（）{
$（“#image4”）。在（“”）之后；
},2000);

HTML:

---

没有看到你的JS，我相信这就是你想要的：

var img = $("#image4");
var image1Url = img.attr("src");
var image2Url = img.attr("data-src");

$.get(image1Url)
   .done(function () {
      $.get(image2Url);
   });

---

也许这对你有用

$（文档）.ready（函数（）{
$（'img[data src]'）。每个（函数（键、值）{
var_this=$（this）；
var bigImage=_this.attr（'data-src'）；
_这个。在（“”）之后；
$（'.preload图像'+key）.one（'load'，function（）{
_this.addClass（'hide'）；
$（this.removeClass（'hide'）；
});    
});
});
.hide{display:none；}

JS代码也可以发布吗？$（'img'）.bind（'load'，function（）{$.get（img.attr（'src'））；}）；我不想延迟图像加载。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<img id="image4" src="image/large.jpg" width="100%" data-src="image/full-size.jpg" />

var img = $("#image4");
var image1Url = img.attr("src");
var image2Url = img.attr("data-src");

$.get(image1Url)
   .done(function () {
      $.get(image2Url);
   });