图片加载的问题

Question

如果一张图片很大,用JS的方式怎么样做到等图片加载完后才显示出来。要在页面可以更改图片。

Answer 1

var img = new Image()
img.src = ''
img.onload = function(){
//在这里调用相关方法 其中onload 方法在ie下不行，要用用onreadstatuschange（希望没拼错） 之类来判断，
}

Answer 2

图片装载完成前不显示图片，装载完成后再显示：
<img style="visibility: hidden;" onload="this.style.visibility=visible;" src="images/a.gif">

Answer 3

要想更改图片的话，更改之前把这个IMG再用这句处理一下，使其先隐藏。
document.getElementById("IMG的ID").style.visibility="hidden"; 函数形式，自己写吧，很明了

Answer 4

visibility说未定义，在网上找几种方法都不行。我想做的效果就是像选幻灯片那样的，当点中一张缩略图后显示一张等等的图片，等原图加载完后一次显示出来。

Answer 5

耶耶～  嘿嘿... 与theforever的想法一样。
如果你的图片是固定的，而不是由客户自己随意取的图片。那就可以向theforever提得这样，在页面一加载进来时 就将图片打印在页面上。默认将图片隐藏掉。(这样做的目的是，可以将图片先缓存下来，后续用时就不用在重新去服务器加载了。)如果你页面"visibility: hidden;"会有问题话，改设置成display:none也是一样的

Answer 6

var img = new Image()
img.src = ''
img.onload = function(){}