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 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
Apr 07 Javascript
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
Feb 26 Javascript
早该知道的7个JavaScript技巧
Mar 27 Javascript
js实现的常用的左侧导航效果
Oct 17 Javascript
javascript解析json数据的3种方式
May 08 Javascript
jQuery选择器及jquery案例详解(必看)
May 20 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
Aug 02 Javascript
原生js实现对Ajax的封装(仿jquery)
Jan 22 Javascript
JS中使用正则表达式g模式和非g模式的区别
Apr 01 Javascript
JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容
Jun 12 Javascript
手把手教你 CKEDITOR 4 实现Dialog 内嵌 IFrame操作详解
Jun 18 Javascript
layui动态渲染生成select的option值方法
Sep 23 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
IIS7.X配置PHP运行环境小结
2011/06/09 PHP
PHP utf-8编码问题,utf8编码,数据库乱码,页面显示输出乱码
2013/04/08 PHP
php抓取页面的几种方法详解
2013/06/17 PHP
PHP获取用户访问IP地址的5种方法
2016/05/16 PHP
PHP实现冒泡排序的简单实例
2016/05/26 PHP
PHP一致性hash分布式算法封装类定义与用法示例
2018/08/04 PHP
TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结
2020/02/10 PHP
YII2框架中actions的作用与使用方法示例
2020/03/13 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
2010/06/28 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
2014/02/11 Javascript
JavaScript删除指定子元素代码实例
2015/01/13 Javascript
前端js文件合并的三种方式推荐
2016/05/19 Javascript
JavaScript对象数组排序实例方法浅析
2016/06/15 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
2016/11/16 Javascript
js实现Tab选项卡切换效果
2020/07/17 Javascript
javaScript手机号码校验工具类PhoneUtils详解
2017/12/08 Javascript
基于node下的http小爬虫的示例代码
2018/01/11 Javascript
Angular实现搜索框及价格上下限功能
2018/01/19 Javascript
JavaScript实现封闭区域布尔运算的示例代码
2018/06/25 Javascript
在vue项目中优雅的使用SVG的方法实例详解
2018/12/03 Javascript
js中int和string数据类型互相转化实例
2019/01/16 Javascript
Python操作json数据的一个简单例子
2014/04/17 Python
CentOS 7下Python 2.7升级至Python3.6.1的实战教程
2017/07/06 Python
Python实现微信自动好友验证,自动回复,发送群聊链接方法
2019/02/21 Python
使用python爬取微博数据打造一颗“心”
2019/06/28 Python
django中使用事务及接入支付宝支付功能
2019/09/15 Python
Python 寻找局部最高点的实现
2019/12/05 Python
基于tensorflow指定GPU运行及GPU资源分配的几种方式小结
2020/02/03 Python
Expedia意大利旅游网站:酒店、机票和租车预订
2017/10/30 全球购物
农村结婚典礼司仪主持词
2014/03/14 职场文书
挂牌仪式策划方案
2014/05/18 职场文书
研究生毕业论文导师评语
2014/12/31 职场文书
行政答辩状范文
2015/05/21 职场文书
Go标准容器之Ring的使用说明
2021/05/05 Golang
Win11 引入 Windows 365 云操作系统,适应疫情期间混合办公模式:启动时直接登录、模
2022/04/06 数码科技