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窗口功能指南之在窗口中书写内容
Jul 21 Javascript
jQuery AJAX 调用WebService实现代码
Mar 24 Javascript
js跨域问题之跨域iframe自适应大小实现代码
Jul 17 Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
May 02 Javascript
通过JS来判断页面控件是否获取焦点
Jan 03 Javascript
js如何调用qq互联api实现第三方登录
Mar 28 Javascript
jquery实现倒计时效果
Dec 14 Javascript
vue过渡和animate.css结合使用详解
Jun 14 Javascript
angular4自定义组件详解
Sep 28 Javascript
Vue实现手机扫描二维码预览页面效果
May 28 Javascript
vue element 关闭当前tab 跳转到上一路由操作
Jul 22 Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
Oct 18 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
PHP中$_SERVER的详细参数与说明介绍
2013/10/26 PHP
根据中文裁减字符串函数的php代码
2013/12/03 PHP
php实现URL加密解密的方法
2016/11/17 PHP
php利用imagemagick实现复古老照片效果实例
2017/02/16 PHP
学习YUI.Ext 第七天--关于View&amp;JSONView
2007/03/10 Javascript
Javascript注入技巧
2007/06/22 Javascript
Yii-自定义删除确认弹框(zyd)jquery实现代码
2013/03/04 Javascript
JS调用页面表格导出excel示例代码
2014/03/18 Javascript
JavaScript中闭包之浅析解读(必看篇)
2016/08/25 Javascript
BooStrap对导航条的改造实践小结
2016/09/21 Javascript
jQuery居中元素scrollleft计算方法示例
2017/01/16 Javascript
jQuery中each方法的使用详解
2018/03/18 jQuery
Vue2.2.0+新特性整理及注意事项
2018/08/22 Javascript
ES6中Symbol、Set和Map用法详解
2019/08/20 Javascript
JS数据类型STRING使用实例解析
2019/12/18 Javascript
[02:34]DOTA2英雄基础教程 幽鬼
2014/01/02 DOTA
Flask解决跨域的问题示例代码
2018/02/12 Python
Python线程同步的实现代码
2018/10/03 Python
Python pycharm 同时加载多个项目的方法
2019/01/17 Python
解决Pycharm 包已经下载,但是运行代码提示找不到模块的问题
2019/08/31 Python
pytorch 实现打印模型的参数值
2019/12/30 Python
将python文件打包exe独立运行程序方法详解
2020/02/12 Python
Django admin 实现search_fields精确查询实例
2020/03/30 Python
HTML5本地存储之Database Storage应用介绍
2013/01/06 HTML / CSS
瑞典轮胎在线:Tirendo.se
2018/06/21 全球购物
琳达·法罗眼镜英国官网:Linda Farrow英国
2021/01/19 全球购物
一套带答案的C++笔试题
2014/01/10 面试题
思想汇报范文
2013/11/04 职场文书
写演讲稿所需要注意的4个条件
2014/01/09 职场文书
大学校庆策划书
2014/01/31 职场文书
最经典的大学生职业生涯规划范文
2014/03/05 职场文书
高三学生评语大全
2014/04/25 职场文书
校园文明标语
2014/06/13 职场文书
村党组织公开承诺书
2015/04/30 职场文书
幼儿园保育员随笔
2015/08/14 职场文书
SQL实现LeetCode(180.连续的数字)
2021/08/04 MySQL