Загрузка картинки до открытия слоя

[Moon_Rider_nax]

Здравствуйте. На сайте есть 2-й слой с картинкой который открывается при нажатии на ссылку. Когда я пытаюсь открыть слой - у меня происходит раздвигание стенок и появляется текст, но картинка еще не загрузилась и только через некоторое время она сама и появляется. Так вот подскажите пожалуйста как сделать так чтобы при нажатии на ссылку, комп сначала прогрузил все нужные элементы, а только потом делал действие?

[devote]

<a href="" onclick="return openImg()">Показать картинку</a>
<div id="mydiv" style="height: 500px"></div>
<script>
function openImg() {
    var img = new Image();
    img.onload = function() {
        var div = document.getElementById( "mydiv" );
        div.style.backgroundSize = 'cover';
        div.style.backgroundImage = 'url(http://dcp.sovserv.ru/media/images/2/4/a/34060.jpg)';
        div.style.display='block';
    }
    img.src = "http://dcp.sovserv.ru/media/images/2/4/a/34060.jpg";
    return false;
}
</script>

[Moon_Rider_nax]

Спасибо большое все прекрасно работает =)