00:14
Данный плагин позволяет отображать индикатор загрузки картинки до тех пор, как она будет загружена
Для начала посмотрите ДЕМО
Установка:
После /head на нужных страницах вставляйте:
Code
<script type="text/javascript" src="/js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="/js/jquery.preloader.js"></script>
<script type="text/javascript">
$(function(){
$("#gallery").preloader();
});
</script>
<link rel="stylesheet" href="/css/preloader.css" type="text/css" />
Картинки оформляем следующим образом:
Code
<ul id="gallery" class="clearfix">
<li>
<a href="#"><img src="Ссылка на картинку" /></a></p></li>
<li>
<a href="#"><img src="Ссылка на картинку" /></a></p></li>
<li>
<a href="#"><img src="Ссылка на картинку" /></a></p></li>
<li>
<a href="#"><img src="Ссылка на картинку" /></a></p></li>
<li>
<a href="#"><img src="Ссылка на картинку" /></a></p></li>
</ul>
Осталось лишь залить два скрипта из прикреплённого архива в папку js, стиль в папку css и картинку в папку images
Источник материала: http://www.yellowlemon.net
Материал подготовлен Apocalypse
