IE6下JS动态设置图片src地址问题

131 阅读 0 评论 87 点赞

我是靠谱客的博主心灵美唇膏，最近开发中收集的这篇文章主要介绍IE6下JS动态设置图片src地址问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

这两天赶一个项目，要求鼠标点击小图显示大图，于是用JS来根据小图来设置大图的SRC，设计完后问题就出来了。在IE6下大图显示不出，鼠标放置在图片上右键链接地址是可以正常显示链接地址的，并且点击显示图片图片才能被正常显示。IE7,IE8和FF是没有这些问题的。代码如下：

复制代码代码如下:

 
function picclick() 
{ 
var pic = $('marqueediv').getElementsByTagName('a'); 
var len = pic.length; 
for(var i = 0; i < len; i ++ ) 
{ 
pic[i].onclick = function(i) 
{ 
return function() 
{ 
for(var t = 0; t < len; t ++ ) 
{ 
pic[t].className = t == i ? 'hover' : ''; 
this.className = 'hover' 
} 
var thispic; 
sspic = pic[i].childNodes[0].src; 
thispic = 'uploadimg/' + sspic.substring(sspic.indexOf('uploadimg/s'), sspic.length).replace('uploadimg/s', ''); 
$('pro_pic_item').setAttribute('src', thispic); 
$('pro_pic_item').setAttribute('alt', 'images'); 
//解决方法：在此处加上“return false;” 
return false; 
} 
} 
(i) 
} 
} 