Главная » Файлы » Прочие скрипты » jQuery

Прелоадер изображений через плагин preloader на jQuery 1.4 для uCoz
23.06.14, 14:32:40

Скачать файл




Данный плагин позволяет отображать индикатор загрузки картинки до тех пор, как она будет загружена

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:
Код
<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" />


Картинки оформляем следующим образом:
Код
<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

Категория: jQuery | Добавил: Apocalypse | Теги: Прелоадер, изображений, Через, ucoz, на, плагин, JQuery, preloader, для, 1.4
Просмотров: 602 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: