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 相关文章推荐
jQuery 回调函数(callback)的使用和基础
Feb 26 Javascript
js简单的点击返回顶部效果实现方法
Apr 10 Javascript
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
Nov 18 Javascript
探讨JavaScript语句的执行过程
Jan 28 Javascript
AngularJS 过滤器的简单实例
Jul 27 Javascript
jQuery实现弹出窗口弹出div层的实例代码
Jan 09 Javascript
AngulerJS学习之按需动态加载文件
Feb 13 Javascript
浅谈对Angular中的生命周期钩子的理解
Jul 31 Javascript
JavaScript文件的同步和异步加载的实现代码
Aug 19 Javascript
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
微信小程序传值以及获取值方法的详解
Apr 29 Javascript
vue中this.$http.post()跨域和请求参数丢失的解决
Apr 08 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实现的多彩标签效果代码分享
2014/08/21 PHP
ioncube_loader_win_5.2.dll的错误解决方法
2015/01/04 PHP
php创建session的方法实例详解
2015/01/27 PHP
php+ajax实现带进度条的上传图片功能【附demo源码下载】
2016/09/14 PHP
jquery isType() 类型判断代码
2011/02/14 Javascript
JavaScript中变量提升 Hoisting
2012/07/03 Javascript
圣诞节Merry Christmas给博客添加浪漫的下雪效果基于jquery实现
2012/12/27 Javascript
基于JQuery 滑动与动画的说明介绍
2013/04/18 Javascript
js保留小数点后几位的写法
2014/01/03 Javascript
超炫的jquery仿flash导航栏特效
2014/11/11 Javascript
jQuery Ajax 加载数据时异步显示加载动画
2016/08/01 Javascript
js判断checkbox是否选中个数的方法(超简单)
2016/08/19 Javascript
Angular整合zTree的示例代码
2018/01/24 Javascript
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
2018/12/05 Javascript
微信小程序实现购物页面左右联动
2019/02/15 Javascript
详解VUE项目中安装和使用vant组件
2019/04/28 Javascript
用Golang运行JavaScript的实现示例
2019/11/25 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
2021/02/07 Vue.js
python实现图片批量剪切示例
2014/03/25 Python
Django中使用 Closure Table 储存无限分级数据
2019/06/06 Python
django实现web接口 python3模拟Post请求方式
2019/11/19 Python
使用Python将Exception异常错误堆栈信息写入日志文件
2020/04/08 Python
python从Oracle读取数据生成图表
2020/10/14 Python
linux系统下pip升级报错的解决方法
2021/01/31 Python
解决img标签上下出现间隙的方法
2016/12/14 HTML / CSS
基于HTML5实现类似微信手机摇一摇功能(计算摇动次数)
2017/07/24 HTML / CSS
Ryderwear美国官网:澳大利亚高端健身训练装备品牌
2018/04/24 全球购物
安德玛菲律宾官网:Under Armour菲律宾
2020/07/28 全球购物
大整数数相乘的问题
2012/07/22 面试题
硅酸盐工业控制专业应届生求职信
2013/11/02 职场文书
《兰亭集序》教学反思
2014/02/11 职场文书
初中学生期末评语
2014/04/24 职场文书
融资租赁计划书
2014/04/29 职场文书
2016年11月份红领巾广播稿
2015/12/21 职场文书
文案策划岗位个人自我评价(范文)
2019/08/08 职场文书
react中的DOM操作实现
2021/06/30 Javascript