Javascript 像googleimagephp一样加载图像

我遇到了在网站上加载图像的问题

它需要加载3个高分辨率的图像在主页上，当打开时，它会显示网站的其他内容第一，并加载这个图像，这是好的，现在

但它有点笨拙，并且希望有类似于谷歌图像搜索的图像加载过程

当我在谷歌中点击图像时，它会显示模糊或像素化的图像，这看起来像是低分辨率和较小的尺寸，并在稍后加载原始图像

他们可能会使用特殊的东西，因为他们是谷歌，但如果有人做过这种事情之前，我需要你的帮助

---

提前感谢

您可以使用jQuery。下面是一个总体思路，而不是一个确切的代码

对于每个图像，请使用以下内容：

<div>
    <img id="myimg" src="" style="display:none">
    <img src="low-res-version link">
</div>

---

您还可以检查这个问题：

您可以使用jQuery。下面是一个总体思路，而不是一个确切的代码

对于每个图像，请使用以下内容：

<div>
    <img id="myimg" src="" style="display:none">
    <img src="low-res-version link">
</div>

---

您还可以检查这个问题：

您可以使用jQuery。下面是一个总体思路，而不是一个确切的代码

对于每个图像，请使用以下内容：

<div>
    <img id="myimg" src="" style="display:none">
    <img src="low-res-version link">
</div>

---

您还可以检查这个问题：

您可以使用jQuery。下面是一个总体思路，而不是一个确切的代码

对于每个图像，请使用以下内容：

<div>
    <img id="myimg" src="" style="display:none">
    <img src="low-res-version link">
</div>

---

您还可以检查此问题：

听起来您想要的是所谓的“”，即多个不同质量的图像保存在一个文件中，浏览器快速加载低分辨率图像以在页面中获取内容，并在加载后用高分辨率图像替换

---

在Photoshop中将web JPEG保存为渐进式时，听起来您想要的是所谓的“”，即在一个文件中保存多个不同质量的图像，浏览器快速加载低分辨率图像以获取页面中的内容，并在加载后用高分辨率图像替换

---

在Photoshop中将web JPEG保存为渐进式时，听起来您想要的是所谓的“”，即在一个文件中保存多个不同质量的图像，浏览器快速加载低分辨率图像以获取页面中的内容，并在加载后用高分辨率图像替换

---

在Photoshop中将web JPEG保存为渐进式时，听起来您想要的是所谓的“”，即在一个文件中保存多个不同质量的图像，浏览器快速加载低分辨率图像以获取页面中的内容，并在加载后用高分辨率图像替换

---

在Photoshop中将JPEG保存为渐进格式时，我从服务器端选择分辨率； 立即在z-index=0对象中加载低分辨率， 将一个或多个高分辨率对象加载到负z索引对象中

---

然后在onload（）上，选择哪个对象应该在顶部

好的，我从服务器端选择分辨率； 立即在z-index=0对象中加载低分辨率， 将一个或多个高分辨率对象加载到负z索引对象中

---

然后在onload（）上，选择哪个对象应该在顶部

好的，我从服务器端选择分辨率； 立即在z-index=0对象中加载低分辨率， 将一个或多个高分辨率对象加载到负z索引对象中

---

然后在onload（）上，选择哪个对象应该在顶部

好的，我从服务器端选择分辨率； 立即在z-index=0对象中加载低分辨率， 将一个或多个高分辨率对象加载到负z索引对象中 然后在onload（）上，选择哪个对象应该位于顶部