亲,帮忙完善一下这个图片预加载功能吧

BENNEE 发布于 2013/01/13 02:54
阅读 223
收藏 0

<img src="http://www.oschina.net/img/logo.gif" onload="loadImage('http://static.oschina.net/uploads/space/2013/0107/150028_8E9s_179699.gif')">

function loadImage(url, callback) {
    var img = new Image();
    img.src = url;
    if (img.complete) {
        callback.call(img);
        return;
    }
    img.onload = function () {
        callback.call(img);
    };
};
HTML和预加载的JS如上,

现在遇到的问题是

onload="loadImage.. 这部分貌似出问题了:第1张的时候可以载入第2张,而第2张的时候不能预载入第3张,不过第3张的时候又能预载入第4张,可是第4张的时候又不能预载入第5张了,然后第5张的时候又能预载入第6张,最终,第6张的时候还是没预载入第7张...<!--foreach-->

这不坑爹吗

还有一个callback的,不懂怎么用就删了,

原帖在这儿

http://www.cnblogs.com/comdeng/archive/2008/06/15/Preload_Image.html#top

加载中
0
逝水fox
逝水fox
虽然可能问题不一定出在这里 需要先设置Image的onload再设置src,之前遇到过浏览器读缓存图太快,来不及触发
豆浆Melon
豆浆Melon
正解,我当初也是这个问题搞了半天
嘉树
嘉树
正解
返回顶部
顶部