Загрузка картинки до открытия слоя
Здравствуйте. На сайте есть 2-й слой с картинкой который открывается при нажатии на ссылку. Когда я пытаюсь открыть слой - у меня происходит раздвигание стенок и появляется текст, но картинка еще не загрузилась и только через некоторое время она сама и появляется. Так вот подскажите пожалуйста как сделать так чтобы при нажатии на ссылку, комп сначала прогрузил все нужные элементы, а только потом делал действие?
|
<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>
|
Спасибо большое все прекрасно работает =)
|
| Часовой пояс GMT +3, время: 11:07. |