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 相关文章推荐
jscript之Open an Excel Spreadsheet
Jun 13 Javascript
Javascript中的相等与不等运算
Apr 25 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
Aug 13 Javascript
js 操作select与option(示例讲解)
Dec 20 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
Jul 03 Javascript
js验证身份证号有效性并提示对应信息
Oct 19 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
Oct 28 Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
Nov 29 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
Jun 09 Javascript
小白教程|一小时上手最流行的前端框架vue(推荐)
Apr 10 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 jQuery
vue+vant 上传图片需要注意的地方
Jan 03 Vue.js
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列出一个目录下的所有文件的代码
2012/10/09 PHP
php对大文件进行读取操作的实现代码
2013/01/23 PHP
深入file_get_contents与curl函数的详解
2013/06/25 PHP
PHP的基本常识小结
2013/07/05 PHP
PHP读取CURL模拟登录时生成Cookie文件的方法
2014/11/04 PHP
DOM基础及php读取xml内容操作的方法
2015/01/23 PHP
thinkphp 验证码 的使用小结
2017/05/07 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
javascript图片延迟加载实现方法及思路
2015/12/31 Javascript
AngularJS+Bootstrap实现多文件上传与管理
2016/11/08 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
2017/02/10 Javascript
angularjs实现猜数字大小功能
2020/05/20 Javascript
vue系列之requireJs中引入vue-router的方法
2018/07/18 Javascript
微信小程序 简易计算器实现代码实例
2019/09/02 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
vue treeselect获取当前选中项的label实例
2020/08/31 Javascript
[37:03]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第二场 12.16
2020/12/18 DOTA
Python的面向对象思想分析
2015/01/14 Python
Django重装mysql后启动报错:No module named ‘MySQLdb’的解决方法
2018/04/22 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
Python中socket网络通信是干嘛的
2020/05/27 Python
Python如何避免文件同名产生覆盖
2020/06/09 Python
Django配置Bootstrap, js实现过程详解
2020/10/13 Python
用canvas实现图片滤镜效果附演示
2013/11/05 HTML / CSS
Ariat官网:美国马靴和服装品牌
2019/12/16 全球购物
自荐信格式的六要素
2013/09/21 职场文书
音乐专业应届生教师求职信
2013/11/04 职场文书
自主招生自荐信指南
2014/02/04 职场文书
评析教师个人的自我评价
2014/02/19 职场文书
教师对学生的评语
2014/04/28 职场文书
市场推广策划方案
2014/06/02 职场文书
2014年党风廉政建设工作总结
2014/11/19 职场文书
党员争先创优承诺书
2015/01/20 职场文书
2015年村级财务管理制度
2015/08/04 职场文书
Python中使用Lambda函数的5种用法
2021/04/01 Python