Есть прелоадер, его формат .gif. Все хорошо, все работает, но он отображается обычной картинкой, а не гифкой. В чем может быть проблема?
JS:
var preload = $("#main_preload"),
w = $(window).width() / 2 - 30,
h = $(window).height() / 2 - 30;
preload.html('<img src="../images/loader.gif" alt="load content."/>');
$(window).load(function () {
setTimeout(function () {
preload.animate({opacity: "0"}, 50, function () {
preload.html("")
});
$("#wrapper").animate({opacity: "1"}, 50)
}, 1000)
});
HTML:
<span id="main_preload"></span>
<div id="wrapper">
<header></header>
<div class ="middle"></div>
<footer></footer>
</div>
CSS:
#main_preload{
position: fixed;
width: 100%;
height: 100%;
}
#wrapper {
opacity: 0;
}
html
было бы также неплохо показать, что такое#wrapper
.