Javascript 占位符图像图像区域的大小？

创建加载图像以在加载时取代.gif的最佳方法是什么？我希望有一个大约325x325（gif大小）的占位符图像，以便将内容固定到位

我尝试过background:url（）但没有成功，也没有研究过JS/jQuery，因为我对它不是很精通

---

提前感谢您的帮助。

如果您可以或想要使用jQuery，您可以使用

onLoad

函数加载图像，并在加载后执行一些操作（如用图像替换加载的gif）

结帐。它允许您显示立即加载的图像，以及需要1000毫秒加载的图像

这是怎么做到的？请看下面的代码：

var url="http://i.imgur.com/QoRjjFu.jpg", //the URL of the image to load
    image=$("#some-image"),               //get the image element           
    newImage = new Image();               //create a new image 

//this is called after the image loads
newImage.onload = function(){
    image.attr('src', url).show();  //swap out the loading gif
};

//this triggers loading the image, which will trigger onload above when done
newImage.src = url;

现在，如果图像加载很快，您不希望快速刷新加载的gif，然后切换新图像（因为它会导致闪烁效果）。您希望跳过所有加载的gif，只显示图像。您可以通过使用超时并仅在新图像未加载（例如200毫秒）时显示加载gif来完成此操作：

var url="http://i.imgur.com/QoRjjFu.jpg",
    image=$("#some-image"),
    newImage = new Image();

newImage.onload = function(){
    clearTimeout(loadingGif); //clear the loading gif timeout
    image.attr('src', url).show();
};

//if the image hasn't loaded after 200ms, show the loading gif
var loadingGif = setTimeout(function(){
   image.show();
}, 200);

newImage.src = url;

---

我希望这有帮助

你能发布你的代码到目前为止吗？当你说background:url（）不起作用时，它做了什么？是否已将背景的容器元素设置为显示：block（或类似）并在其上设置宽度和高度？它可能正在工作，但是没有太多相关的代码。这是一张以页面为中心的id为“眼睛”的单张图片。当我设置为background:url（）且图像大小相等时，当链接不可用时，图像就会消失。我没有理由相信这不起作用，但我似乎无法切换图像，尽管复制了脚本并将id更改为某个图像。知道是什么原因吗？你试过JSFIDLE吗？您需要将其附加到事件，即使该事件只是页面的onload事件。我该如何做？提前感谢将其包装在

$（函数{…}）中