пока грузится картинка (js)
Вопрос следующий:
На сайте примерно 100 картинок на одной странице. Соответственно грузится долго, пользователь видит пустые рамки с надписью "изображение".
Хотелось бы заменить пыстые рамки с "изображение" на картинку гиф "loading" пока не загрузится соответствующая картинка в рамке, если это возможно естественно...
откуда плясать?
На сайте примерно 100 картинок на одной странице. Соответственно грузится долго, пользователь видит пустые рамки с надписью "изображение".
Хотелось бы заменить пыстые рамки с "изображение" на картинку гиф "loading" пока не загрузится соответствующая картинка в рамке, если это возможно естественно...
откуда плясать?
http://tigir.com/javascript.htm
"Как проверить, загрузилась ли картинка в браузере (включена ли загрузка картинок)?"
"Как проверить, загрузилась ли картинка в браузере (включена ли загрузка картинок)?"
[HTML]
<div width="60px" height="140px" style="background:url('loading.gif') no-repeat 22px 62px;" >
<img src="100.jpg" id="dp100" alt="test" width="60px" height="140px" style="visibility: hidden;" onload="document.getElementById('dp100').style.visibility='visible'"/>
</div>
[/HTML]
ну вот как то так :)
<div width="60px" height="140px" style="background:url('loading.gif') no-repeat 22px 62px;" >
<img src="100.jpg" id="dp100" alt="test" width="60px" height="140px" style="visibility: hidden;" onload="document.getElementById('dp100').style.visibility='visible'"/>
</div>
[/HTML]
ну вот как то так :)
как вариант. Работает в Опере?
да, в опере мозиле ие.
спасибо за напутствие :-)
спасибо за напутствие :-)
да Вам спасибо, раньше об этом не задумывался вообще :)