Javascript Image Замена пятнистой в FF

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