Вот еще вопрос, по идее, для знатоков, совсем несложный.
В хэдере имеется довольно большая картинка. Требуется выводить гифку, пока картинка подгружается.
Реализовал криво, но было бы здорово, если б работало оно как надо..
<div class="ImgWrap"><img class="hdd" style="visibility:hidden" src="img/head_slide.png" onload=
"this.style.visibility="visible"; /></div>
|
Код:
|
div.ImgWrap{
display:inline-block;
background-color:transparent;
padding:0;margin:0;
background-image:url(img/loading.gif);
background-position:center center;
background-repeat:no-repeat;
z-index:1;
z-index:100;
transition: all 35s;
-moz-transition: all 35s; /* Firefox 4 */
-webkit-transition: all 35s; /* Safari and Chrome */
-o-transition: all 35s; /* Opera */
} |
Направьте пожалуйста в нужное русло, как это реализовать?
Заранее спасибо.