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 相关文章推荐
ie下jquery.getJSON的缓存问题的处理方法
Mar 29 Javascript
javascript 中的继承实例详解
May 05 Javascript
webpack打包js的方法
Mar 12 Javascript
vue移动端微信授权登录插件封装的实例
Aug 28 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
Sep 17 Javascript
如何为vue的项目添加单元测试
Dec 19 Javascript
node之本地服务器图片上传的方法示例
Mar 26 Javascript
基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
Apr 04 Javascript
微信小程序云开发实现数据添加、查询和分页
May 17 Javascript
微信小程序收货地址API兼容低版本解决方法
May 18 Javascript
原生javascript如何实现共享onload事件
Jul 03 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
Dec 02 Vue.js
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
收音机史话 - 1960年代前后的DIY
2021/03/02 无线电
PHP连接Nginx服务器并解析Nginx日志的方法
2015/08/16 PHP
JavaScript窗口功能指南之在窗口中书写内容
2006/07/21 Javascript
JS Timing
2007/04/21 Javascript
javascript 动态修改样式和层叠样式表代码
2010/04/27 Javascript
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
2012/06/28 Javascript
js修改table中Td的值(定义td的单击事件)
2013/01/10 Javascript
JavaScript添加随滚动条滚动窗体的方法
2016/02/23 Javascript
JS组件Bootstrap实现图片轮播效果
2016/05/16 Javascript
针对BootStrap中tabs控件的美化和完善(推荐)
2016/07/06 Javascript
javascript常用经典算法详解
2017/01/11 Javascript
jQuery图片瀑布流的简单实现代码
2017/03/15 Javascript
Angular实现的简单查询天气预报功能示例
2017/12/27 Javascript
js将当前时间格式化为 年-月-日 时:分:秒的实现代码
2018/01/20 Javascript
Vue ElementUi同时校验多个表单(巧用new promise)
2018/06/06 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
2019/06/11 Javascript
微信小程序页面滚动到指定位置代码实例
2019/09/07 Javascript
Vuex实现数据增加和删除功能
2019/11/11 Javascript
vue.js this.$router.push获取不到params参数问题
2020/03/03 Javascript
[02:14]完美“圣”典2016风云人物:xiao8专访
2016/12/01 DOTA
[49:21]TNC vs VG 2019DOTA2国际邀请赛淘汰赛 胜者组赛BO3 第三场 8.20.mp4
2019/08/22 DOTA
Python导入模块时遇到的错误分析
2017/08/30 Python
Python在图片中插入大量文字并且自动换行
2019/01/02 Python
python之PyQt按钮右键菜单功能的实现代码
2019/08/17 Python
Python collections中的双向队列deque简单介绍详解
2019/11/04 Python
python base64库给用户名或密码加密的流程
2020/01/02 Python
Python搭建Keras CNN模型破解网站验证码的实现
2020/04/07 Python
Python中logging日志的四个等级和使用
2020/11/17 Python
匈牙利墨盒和碳粉购买网站:CDRmarket
2018/04/14 全球购物
学校门卫岗位职责
2014/03/16 职场文书
超越自我演讲稿
2014/05/21 职场文书
远程培训的心得体会
2014/09/01 职场文书
2014年中职班主任工作总结
2014/12/16 职场文书
《我是什么》教学反思
2016/02/16 职场文书
nginx网站服务如何配置防盗链(推荐)
2021/03/31 Servers
vue 实现上传组件
2021/05/31 Vue.js