jquery - 在图像上显示正在加载 gif

Question

我正在制作一个网站，通过单击下一步 按钮，浏览器从服务器请求一个新的图像 URL 并使用 jQuery 加载图像。我想在请求发生时在旧图像之上显示加载图像(如 Facebook)。

HTML

<div1>
    <img id="rel" src="http://localhost/images/original.jpg" height="400" width="500"></img>
    <div2>
        <img id="rel" src="http://localhost/images/loading.jpg" height="40" width="50"></img>
    </div2>
</div1>

CSS

div1
{
    position:relative;
}

div2
{
    position:absolute;
    top:50%;
    left:50%;
}

当我在 jsFiddle 中尝试此操作时，图像不会出现在其他图像之上。我只知道基本的 CSS。请原谅上述代码中的任何错误。

Answer 1

定义 DIV 的宽度和高度。像这样写:

.div2
{
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-25px;
  margin-top:-20px;
  width:50px;
  height:40px;
}

例如检查这个http://jsfiddle.net/JYduU/