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高级程序设计
Dec 29 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
Nov 19 Javascript
node.js中的url.resolve方法使用说明
Dec 10 Javascript
使用jquery组件qrcode生成二维码及应用指南
Feb 22 Javascript
JS简单循环遍历json数组的方法
Apr 22 Javascript
浅谈jQuery效果函数
Sep 16 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
Mar 30 Javascript
使用javascript函数编写简单银行取钱存钱流程
May 26 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
Apr 29 Javascript
layui实现左侧菜单点击右侧内容区显示
Jul 26 Javascript
浅谈layui分页控件field参数接收对象的问题
Sep 20 Javascript
vue实例的选项总结
Jun 09 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
DC四月将推出百页特刊漫画 纪念小丑诞生80周年
2020/04/09 欧美动漫
PHP 中的一些经验积累
2006/10/09 PHP
PHP小程序自动提交到自助友情连接
2009/11/24 PHP
php连接oracle数据库的核心步骤
2016/05/26 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
Alliance vs AM BO3 第二场2.13
2021/03/10 DOTA
jquery常用技巧及常用方法列表集合
2011/04/06 Javascript
javascript移动设备Web开发中对touch事件的封装实例
2014/06/05 Javascript
node.js中的fs.chown方法使用说明
2014/12/16 Javascript
AngularJS 单元测试(二)详解
2016/09/21 Javascript
简单的渐变轮播插件
2017/01/12 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
2017/02/24 Javascript
VueJs组件prop验证简单介绍
2017/09/12 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
2018/04/22 Javascript
npm全局模块卸载及默认安装目录修改方法
2018/05/15 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
2019/02/12 Javascript
js blob类型url的视频下载问题的解决
2019/11/29 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
2020/09/11 Javascript
vue 二维码长按保存和复制内容操作
2020/09/22 Javascript
Python的Django框架中URLconf相关的一些技巧整理
2015/07/18 Python
Python学习之Anaconda的使用与配置方法
2018/01/04 Python
tensorflow构建BP神经网络的方法
2018/03/12 Python
Python3读取Excel数据存入MySQL的方法
2018/05/04 Python
解决DataFrame排序sort的问题
2018/06/07 Python
Django中的静态文件管理过程解析
2019/08/01 Python
pycharm专业版远程登录服务器的详细教程
2020/09/15 Python
分享一枚pycharm激活码适用所有pycharm版本我的pycharm2020.2.3激活成功
2020/11/20 Python
舒适的豪华鞋:Taryn Rose
2018/05/03 全球购物
人力资源部经理岗位职责规定
2014/02/23 职场文书
运动会的口号
2014/06/09 职场文书
阅兵口号
2014/06/19 职场文书
党章培训心得体会
2014/09/04 职场文书
2014年小学班主任工作总结
2014/11/08 职场文书
党员干部学习十八届五中全会精神心得体会
2016/01/05 职场文书
三星 3nm 芯片将于第二季度开始量产
2022/04/29 数码科技
python 判断字符串当中是否包含字符(str.contain)
2022/06/01 Python