pcmonkey
访问次数：38611 次
联系站长：
联系站长：
原创：21 篇转载：21 篇相片：21 张评论：21 条
个人资料
pcmonkey
文章搜索
文章存档
JS改变IMG的src时显示不全的解决方法
有时我们需要使用JS来改变IMG元素的SRC，以免刷新整个页面，例如很多图片查看页面就是这样设计的，具体例子可参见QQ空间相册的查看页面以及本站相册的“幻灯片方式”查看页面。一般来说，我们可以给IMG元素指定一个ID，然后用一个链接调用一个JS的Function，让它来改变显示的图片。代码如下：
在上面的例子中，只要点击“更换图片”的链接，下方本来显示的图片是001.jpg，就会变换成002.jpg。
可是实际使用中，你会发现，如果要变换的图片比较大（一般在50K以上)时，下面的图片就会显示不全。估计是当整个页面载入完毕后，如果图片的内容还未载入完成，也会停止载入。我发现包括QQ空间的相册程序都存在这个问题。不过这个问题并不是在所有浏览器中都存在，据我的实验，IE7中没有此问题，但“360安全浏览器”有问题，据说IE6也会出现这个问题，至于FireFox我没有试验，所以不知道会不会出现此情况。
其实要解决也很简单：在<a>的Onclick事件里加上一个return flase就行了，把上面的倒数第三行改成这个样子：
加上这个参数以后，更换图片时就不会出现显示一半的情况了。