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


Posted in Javascript onJanuary 08, 2010

这两天赶一个项目,要求鼠标点击小图显示大图,于是用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下底层的一个判断间断因素的问题。
Javascript 相关文章推荐
JavaScript初学者建议:不要去管浏览器兼容
Feb 04 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
Feb 21 Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
Feb 13 Javascript
jquery插件hiAlert实现网页对话框美化
May 03 Javascript
jQuery地图map悬停显示省市代码分享
Aug 20 Javascript
Javascript闭包与函数柯里化浅析
Jun 22 Javascript
JavaScript中清空数组的三种方式
Mar 22 Javascript
JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效)
Jul 07 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
Vue加载组件、动态加载组件的几种方式
Aug 31 Javascript
axios对请求各种异常情况处理的封装方法
Sep 25 Javascript
Vue开发Html5微信公众号的步骤
Apr 11 Javascript
Javascript 中的类和闭包
Jan 08 #Javascript
Extjs学习笔记之六 面版
Jan 08 #Javascript
jQuery开发者都需要知道的5个小技巧
Jan 08 #Javascript
javascript new一个对象的实质
Jan 07 #Javascript
IE iframe的onload方法分析小结
Jan 07 #Javascript
判断iframe是否加载完成的完美方法
Jan 07 #Javascript
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
Jan 07 #Javascript
You might like
php通过ksort()函数给关联数组按照键排序的方法
2015/03/18 PHP
php文件上传的两种实现方法
2016/04/04 PHP
PHP基于curl post实现发送url及相关中文乱码问题解决方法
2017/11/25 PHP
phpQuery采集网页实现代码实例
2020/04/02 PHP
浏览器脚本兼容 文本框中,回车键触发事件的兼容
2010/06/21 Javascript
Jquery 实现表格颜色交替变化鼠标移过颜色变化实例
2013/08/28 Javascript
二叉树的非递归后序遍历算法实例详解
2014/02/07 Javascript
javascript删除数组重复元素的方法汇总
2015/06/24 Javascript
js获取及判断键盘按键的方法
2015/12/01 Javascript
JS使用post提交的两种方式
2015/12/03 Javascript
JavaScript ParseFloat()方法
2015/12/18 Javascript
JavaScript学习笔记之取数组中最大值和最小值
2016/03/23 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
2016/12/13 Javascript
基于node.js制作简单爬虫教程
2017/06/29 Javascript
js获取文件里面的所有文件名(实例)
2017/10/17 Javascript
ES6关于Promise的用法详解
2018/05/07 Javascript
JavaScript文本特效实例小结【3个示例】
2018/12/22 Javascript
jQuery实现的老虎机跑动效果示例
2018/12/29 jQuery
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
2019/02/20 Javascript
Js Snowflake(雪花算法)生成随机ID的实现方法
2020/08/26 Javascript
python单链表实现代码实例
2013/11/21 Python
Python多线程编程(六):可重入锁RLock
2015/04/05 Python
Python处理XML格式数据的方法详解
2017/03/21 Python
Python产生一个数值范围内的不重复的随机数的实现方法
2019/08/21 Python
python爬取音频下载的示例代码
2020/10/19 Python
详解python的super()的作用和原理
2020/10/29 Python
印尼综合在线预订网站:Tiket.com(机票、酒店、火车、租车和娱乐)
2018/10/11 全球购物
金山毒霸系列的笔试题
2013/04/13 面试题
获奖的大学生创业计划书
2014/01/05 职场文书
教师党性分析材料
2014/02/04 职场文书
《新型玻璃》教学反思
2014/04/13 职场文书
爱我中华演讲稿
2014/05/20 职场文书
处级领导班子全部召开专题民主生活会情况汇报
2014/09/27 职场文书
党政领导班子四风问题对照检查材料思想汇报
2014/10/02 职场文书
2016年春季趣味运动会开幕词
2016/03/04 职场文书
使用Python解决图表与画布的间距问题
2022/04/11 Python