IE6下JS动态设置图片src地址问题
时间：2021-12-13 12:27:06|栏目：JavaScript代码|点击： 次
这两天赶一个项目，要求鼠标点击小图显示大图，于是用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)
}
}
据上网了解，这是由于IE6下底层的一个判断间断因素的问题。
复制代码 代码如下:
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)
}
}
据上网了解，这是由于IE6下底层的一个判断间断因素的问题。
上一篇：JS动态添加与删除select中的Option对象(示例代码)
栏 目：JavaScript代码
下一篇：json跟xml的对比分析
本文标题：IE6下JS动态设置图片src地址问题
本文地址：http://www.codeinn.net/misctech/186759.html
