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实现动画效果的实例代码
May 07 Javascript
js弹窗返回值详解(window.open方式)
Jan 11 Javascript
javascript替换已有元素replaceChild()使用介绍
Apr 03 Javascript
jQuery动画特效实例教程
Aug 29 Javascript
利用js编写网页进度条效果
Oct 08 Javascript
React Native实现地址挑选器功能
Oct 24 Javascript
微信小程序实现搜索指定景点周边美食、酒店
May 18 Javascript
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
Jul 20 Javascript
vue跳转方式(打开新页面)及传参操作示例
Jan 26 Javascript
vue-router 路由传参用法实例分析
Mar 06 Javascript
js实现滑动滑块验证登录
Jul 24 Javascript
逐行分析鸿蒙系统的 JavaScript 框架(推荐)
Sep 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
PHP 根据IP地址控制访问的代码
2010/04/22 PHP
php 数组排序 array_multisort与uasort的区别
2011/03/24 PHP
简介WordPress中用于获取首页和站点链接的PHP函数
2015/12/17 PHP
在PHP语言中使用JSON和将json还原成数组的方法
2016/07/19 PHP
js用正则表达式来验证表单(比较齐全的资源)
2013/11/17 Javascript
JavaScript设计模式之外观模式介绍
2014/12/28 Javascript
JavaScript实现查找字符串中第一个不重复的字符
2014/12/29 Javascript
js自定义回调函数
2015/12/13 Javascript
关于session和cookie的简单理解
2016/06/08 Javascript
Node.js Addons翻译(C/C++扩展)
2016/06/12 Javascript
使用React实现轮播效果组件示例代码
2016/09/05 Javascript
使用Angular CLI生成路由的方法
2018/03/24 Javascript
angularJS自定义directive之带参方法传递详解
2018/10/09 Javascript
Vue在H5 项目中使用融云进行实时个人单聊通讯
2020/12/14 Vue.js
Python中列表、字典、元组、集合数据结构整理
2014/11/20 Python
python 简单的多线程链接实现代码
2016/08/28 Python
python用Pygal如何生成漂亮的SVG图像详解
2017/02/10 Python
Python排序搜索基本算法之希尔排序实例分析
2017/12/09 Python
python线程中同步锁详解
2018/04/27 Python
python中map的基本用法示例
2018/09/10 Python
浅谈Pandas:Series和DataFrame间的算术元素
2018/12/22 Python
python实现nao机器人身体躯干和腿部动作操作
2019/04/29 Python
有原因的手表:Flex Watches
2019/03/23 全球购物
英智兴达软件测试笔试题
2016/10/12 面试题
经典的班主任推荐信
2013/10/28 职场文书
应届生服务员求职信
2013/10/31 职场文书
2014年元旦促销活动方案
2014/02/22 职场文书
网络管理员岗位职责
2014/03/17 职场文书
演讲主持词
2014/03/18 职场文书
学习雷锋寄语大全
2014/04/11 职场文书
快餐公司创业计划书
2014/04/29 职场文书
三问三解心得体会
2014/09/05 职场文书
公务员群众路线心得体会
2014/11/03 职场文书
长城导游词400字
2015/01/30 职场文书
Jupyter Notebook 如何修改字体和大小以及更改字体样式
2021/06/03 Python
SQL Server实现分页方法介绍
2022/03/16 SQL Server