[英]Javascript Image Replacement spotty in FF
Any reason why this works every time in Safari but only SOME of the time in FF 3.6? 为何每次在Safari中都能正常运行,而在FF 3.6中只有部分时间可以正常运行?
<ul id="row-0" class="row group">
<li class="left thumb">
<img id="img-1" src="img/ajax.gif" />
</li>
<li class="left thumb">
<img id="img-2" src="img/ajax.gif" />
</li>
</ul>
<script>
var flixThumbs = {
thumbs: [
{
src: "img/03.jpg",
id: "img-03"
},
{
src: "img/04.jpg",
id: "img-04"
},
{
src: "img/05.jpg",
id: "img-05"
},
{
src: "img/06.jpg",
id: "img-06"
}
]
}
var imgID = document.getElementById('img-1');
imgID.src = flixThumbs.thumbs[2].src;
var imgID = document.getElementById('img-2');
imgID.src = flixThumbs.thumbs[3].src;
</script>
The original ajax.gif is disappearing from the DOM but when I inspect with Firebug, I see that the new img tag that has replaced it is greyed out and not being displayed in the browser. 原始的ajax.gif从DOM中消失了,但是当我使用Firebug进行检查时,我发现替换掉它的新img标签显示为灰色,并且不会显示在浏览器中。 Am I missing something?
我想念什么吗?
The document may not be ready by the time the code is executed. 在执行代码时,文档可能尚未准备就绪。 Try it this way
这样尝试
window.onload = function() {
var imgID = document.getElementById('img-1');
imgID.src = flixThumbs.thumbs[2].src;
var imgID = document.getElementById('img-2');
imgID.src = flixThumbs.thumbs[3].src;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.