Javascript HTML隐藏图像-如何下载和显示之前的大小？

可能重复：

我正在使用JS在页面加载后的某个时间设置img.hidden=false。这会导致图像下载并调整img元素的大小，这是我想要避免的（我使用内联样式宽度：2em来调整图像的大小）。其次，当我更改img源时，第二幅图像下载时会有一点延迟

---

如何在页面上显示图像之前下载图像…？

首先下载图像，然后使用jquery触发操作：

  var i = document.createElement('img'); // or new Image()
  // may be you need to set the element id...
  i.id = 'your id';
  // here handle on load event
  $(i).load(function() {

       // finally the new image is loaded, you can trigger your action
       $('#container').append($(this));

  });
  // This is the last step, set the url and start the image download.
  i.src = 'http://www.hostname.com/yourimage.jpg';

---

首先下载映像，然后使用jquery触发操作：

  var i = document.createElement('img'); // or new Image()
  // may be you need to set the element id...
  i.id = 'your id';
  // here handle on load event
  $(i).load(function() {

       // finally the new image is loaded, you can trigger your action
       $('#container').append($(this));

  });
  // This is the last step, set the url and start the image download.
  i.src = 'http://www.hostname.com/yourimage.jpg';

不带jQuery（如果需要）：

---

如果您的img标签已经存在，则如下所示：

<img id='myimg' alt=''>

而不是：

var imageNode = new Image();

请记住，代码需要在img标记之后或DOM就绪/加载时执行。否则，当代码在没有jQuery的情况下执行时，它不存在（如果需要）：

---

如果您的img标签已经存在，则如下所示：

<img id='myimg' alt=''>

而不是：

var imageNode = new Image();

---

请记住，代码需要在img标记之后或DOM就绪/加载时执行。否则当代码在css上执行时它就不存在了

display:none

？请看这里css上的

display:none

？请看这里我只是想知道没有jquery:）如何将它绑定到html中的标记上？好的，我已经编辑了一些内容，以进一步说明如何将它与现有的img标记一起使用。请检查它是否有任何帮助。我只是想知道如何在没有jquery的情况下做到这一点：）我如何将它绑定到html中的标记？好的，我已经编辑了一些内容，以了解如何将其与现有img标记一起使用。请检查是否有帮助。