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在网页中实现读取剪贴板粘贴截图功能
Jun 07 Javascript
JavaScript使用cookie实现记住账号密码功能
Apr 27 Javascript
JQuery插入DOM节点的方法
Jun 11 Javascript
JQuery中ajax方法访问web服务实例
Jul 18 Javascript
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
Jan 14 Javascript
js判断登陆用户名及密码是否为空的简单实例
May 16 Javascript
简单的分页代码js实现
May 17 Javascript
vue2.0使用swiper组件实现轮播效果
Nov 27 Javascript
react redux入门示例
Apr 19 Javascript
微信小程序实现打卡日历功能
Sep 21 Javascript
详解Vue依赖收集引发的问题
Apr 22 Javascript
Vue实现push数组并删除的例子
Nov 01 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学习 运算符与运算符优先级
2008/06/15 PHP
PHP开发中四种查询返回结果分析
2011/01/02 PHP
php导出word格式数据的代码实例
2013/11/25 PHP
php简单创建zip压缩文件的方法
2016/04/30 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
JS getMonth()日期函数的值域是0-11
2010/02/15 Javascript
FileUpload上传图片(图片不变形)
2010/08/05 Javascript
Jquery 实现checkbox全选方法
2015/01/28 Javascript
使用Node.js配合Nginx实现高负载网络
2015/06/28 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
2016/04/06 Javascript
JS小数运算出现多为小数问题的解决方法
2016/06/02 Javascript
jQuery中的siblings()是什么意思(推荐)
2016/12/29 Javascript
bootstrap table 多选框分页保留示例代码
2017/03/08 Javascript
ES6新特性六:promise对象实例详解
2017/04/21 Javascript
JS实现520 表白简单代码
2018/05/21 Javascript
vue生成token并保存到本地存储中
2018/07/17 Javascript
使用pm2部署node生产环境的方法步骤
2019/03/09 Javascript
了解JavaScript函数中的默认参数
2019/05/30 Javascript
javascript中call,apply,callee,caller用法实例分析
2019/07/24 Javascript
用Javascript实现发送短信验证码间隔功能
2021/02/08 Javascript
sublime python3 输入换行不结束的方法
2018/04/19 Python
PyQt5实现拖放功能
2018/04/25 Python
在Pycharm中执行scrapy命令的方法
2019/01/16 Python
对Python生成汉字字库文字,以及转换为文字图片的实例详解
2019/01/29 Python
python 多个参数不为空校验方法
2019/02/14 Python
ipython和python区别详解
2019/06/26 Python
Keras预训练的ImageNet模型实现分类操作
2020/07/07 Python
在 Windows 下搭建高效的 django 开发环境的详细教程
2020/07/27 Python
Vans(范斯)新西兰官方网站:美国原创极限运动品牌
2020/09/19 全球购物
C有"按引用传递"吗
2016/09/06 面试题
文体活动总结范文
2014/05/05 职场文书
法制教育演讲稿
2014/09/10 职场文书
婚前协议书标准版
2014/10/19 职场文书
在Java中Collection的一些常用方法总结
2021/06/13 Java/Android
Python内置数据结构列表与元组示例详解
2021/08/04 Python
MySQL分库分表详情
2021/09/25 MySQL