当前位置: 首页 > 图文教程 > 网络编程 > Javascript > IE6下JS动态设置图片src地址问题

Javascript
经验几则 推荐
一个很Cool的JS菜单效果
[原创]菜单制作学习一个小东西
基于Web标准的UI组件 — 树状菜单(2)
[原创]防止网站内容被小偷采集的js代码
javascript字典探测用户名工具
通过ifame指向的页面高度调整iframe的高度
实例:尽可能写友好的Javascript代码
关于javascript的“静态类"
拖动层
教学演示-UBB,剪贴板,textRange及其他
多线程的全选复选框
不错的一个日期输入 动态
非常不错的一个javascript 类
提示广告代码
各种浏览器兼容问题
重定向实现代码
[原创]网络复制内容时常用的正则+editplus
Js的MessageBox
注释的艺术:JS里直接写HTML,无需转义

Javascript 中的 IE6下JS动态设置图片src地址问题


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 912 ::
收藏到网摘: n/a

解决IE6下JS动态设置图片IMG的SRC时图片无法加载错误的方法 这两天赶一个项目,要求鼠标点击小图显示大图,于是用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下底层的一个判断间断因素的问题。