FF中的Javascript圖像替換不完整

Question

為何每次在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>

原始的ajax.gif從DOM中消失了，但是當我使用Firebug進行檢查時，我發現替換掉它的新img標簽顯示為灰色，並且不會顯示在瀏覽器中。 我想念什么嗎？

Answer 1

在執行代碼時，文檔可能尚未准備就緒。 這樣嘗試

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;
}