IE6下JS动态设置图片src地址问题
更新时间：2010年01月08日 22:15:37 作者：
解决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下底层的一个判断间断因素的问题。
复制代码 代码如下:
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 读取和设置文档元素的样式属性
- js setattribute批量设置css样式
- javascript 动态设置已知select的option的value值的代码
- js 设置选中行的样式的实现代码
- 使用JavaScript动态设置样式实现代码及演示动画
- 使用JavaScript动态设置样式实现代码(2)
- js批量设置样式的三种方法不推荐使用with
- js动态设置div的值下例子
- javascript设置金额样式转换保留两位小数示例代码
- JavaScript通过元素的ID和name设置样式
- 使用变量动态设置js的属性名
- js style动态设置table高度
- javascript动态设置样式style实例分析
- JavaScript动态设置div的样式的方法
相关文章
新浪中用来显示flash的函数...2007-04-04
这篇文章主要介绍了JavaScript的API设计原则，包括接口的流畅性，一致性，参数的处理，可扩展性，对错误的处理，可预见性，注释和文档的可读性，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-06-06
这篇文章主要为大家详细介绍了js+css实现回到顶部按钮back to top回到顶部按钮，感兴趣的小伙伴们可以参考一下2016-03-03
作为前端，一直以来都知道HTTP劫持与XSS跨站脚本、CSRF跨站请求伪造。防御这些劫持最好的方法是从后端入手，前端能做的太少。而且由于源码的暴露，攻击者很容易绕过防御手段。但这不代表我们去了解这块的相关知识是没意义的，本文的许多方法，用在其他方面也是大有作用。2021-05-05
这篇文章主要介绍了js如何实现浏览器打印功能，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-07-07
这篇文章主要介绍了JavaScript队列数据结构详解，队列是一种先进先出的数据结构，队列中允许两种基础操作，也就是插入和删除，也就是入队和出队2022-07-07
这篇文章主要介绍了JS简单循环遍历json数组的方法,结合实例形式简单分析了JavaScript循环遍历json数组的方法,并提供了jQuery遍历json的方法,需要的朋友可以参考下2016-04-04
这篇文章为大家整理了13个PHP函数超实用，函数是PHP如此强大的源泉，但是很多PHP函数并没有得到充分的利用，本文的13个PHP函数大家一定要真正掌握。2015-10-10
这篇文章主要给大家介绍了关于ES6中symbol数据类型的相关资料,Symbol函数的特性是每一个Symbol函数的返回值都是唯一的,可以通过给symbol函数传递不同的参数产生具有不同标记的值,需要的朋友可以参考下2021-08-08
JavaScript使用Base64编码和Blob对象加密图像url地址
有时候会看到一些网站的图片src中是blob:http://example.com/7c672acb-375c-4a26-9af9-99cb4c77f04d,这样的图片加载怎么实现呢？本文讲解在浏览器中JavaScript使用解析Base64编码和Blob对象技术来实现,下面是实现的步骤和相应的示例代码,2023-12-12
最新评论