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 相关文章推荐
Js判断参数(String,Array,Object)是否为undefined或者值为空
Nov 04 Javascript
Jquery getJSON方法详细分析
Dec 26 Javascript
node.js中的fs.link方法使用说明
Dec 15 Javascript
Javascript动画的实现原理浅析
Mar 02 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 Javascript
Node.js使用Express创建Web项目详细教程
Mar 31 Javascript
vue2.0实现分页组件的实例代码
Jun 22 Javascript
使用express+multer实现node中的图片上传功能
Feb 02 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
Oct 19 Javascript
vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
Nov 06 Javascript
javascript 原型与原型链的理解及实例分析
Nov 23 Javascript
JavaScript使用canvas绘制随机验证码
Feb 17 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
thinkphp多表查询两表有重复相同字段的完美解决方法
2016/09/22 PHP
Centos 6.5下PHP 5.3安装ffmpeg扩展的步骤详解
2017/03/02 PHP
Laravel 实现数据软删除功能
2019/08/21 PHP
js 操作符实例代码
2009/10/24 Javascript
firefox插件Firebug的使用教程
2010/01/02 Javascript
LazyLoad 延迟加载(按需加载)
2010/05/31 Javascript
jquery更换文章内容与改变字体大小代码
2013/09/30 Javascript
javascript结合ajax读取txt文件内容
2014/12/05 Javascript
jQuery前端分页示例分享
2015/02/10 Javascript
JavaScript入门教程之引用类型
2016/05/04 Javascript
bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
2016/05/27 Javascript
bootstrap中使用google prettify让代码高亮的方法
2016/10/21 Javascript
微信小程序 定义全局数据、函数复用、模版等详细介绍
2016/10/27 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
2016/12/15 Javascript
jquery实现轮播图效果
2017/02/13 Javascript
ES6入门教程之Iterator与for...of循环详解
2017/05/17 Javascript
深入理解ES6的迭代器与生成器
2017/08/19 Javascript
js变量值传到php过程详解 将php解析成数据
2019/06/26 Javascript
Openlayers学习之地图比例尺控件
2020/09/28 Javascript
vue中配置scss全局变量的步骤
2020/12/28 Vue.js
[01:19:23]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第二场
2018/04/06 DOTA
Python爬虫实现爬取京东手机页面的图片(实例代码)
2017/11/30 Python
Python操作mongodb的9个步骤
2018/06/04 Python
Python通过cv2读取多个USB摄像头
2019/08/28 Python
Django使用Celery加redis执行异步任务的实例内容
2020/02/20 Python
布局和排版教程 纯css3实现图片三角形排列
2014/10/17 HTML / CSS
护理专业毕业生推荐信
2013/10/31 职场文书
党支部公开承诺践诺书
2014/03/28 职场文书
师德师风自我剖析材料
2014/09/27 职场文书
共产党员批评与自我批评
2014/10/15 职场文书
2014年出纳工作总结与计划
2014/12/09 职场文书
2015年五四青年节演讲稿
2015/03/18 职场文书
创业不要错过,这4种餐饮新模式
2019/07/18 职场文书
浅谈Python中的函数(def)及参数传递操作
2021/05/25 Python
Nginx反向代理、重定向
2022/04/13 Servers
Linux中文件的基本属性介绍
2022/06/01 Servers