这两天赶一个项目,要求鼠标点击小图显示大图,于是用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下底层的一个判断间断因素的问题。
推荐阅读
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
ExtJS中的renderTo和applyTo的差别
对applyTo和renderTo的理解和思考个人认为这两篇文章写的不够通俗。写一个简单的例子来看看最终生成了什么代码, 复制代码 代码如下: <head> <title>RenderTo and ApplyTo</titl>>>详细阅读
本文标题:IE6下JS动态设置图片src地址问题
地址:http://www.17bianji.com/kaifa2/JS/27305.html
1/2 1