прелоадер для сайта java

<li><p><a href="#"><img src="images/7.jpg" /></a></p> </li>

<li><p><a href="#"><img src="images/6.jpg" /></a></p> </li>

<li><p><a href="#"><img src="images/5.jpg" /></a></p> </li>

<li><p><a href="#"><img src="images/4.jpg" /></a></p></li>

<li><p><a href="#"><img src="images/3.jpg" /></a></p> </li>

<li><p><a href="#"><img src="images/2.jpg" /></a></p> </li>

<li><p><a href="#"><img src="images/1.jpg" /></a></p></li>

<ul id="gallery" class="clearfix">

<div id="container">

<link rel="stylesheet" href="css/preloader.css" type="text/css" />

$("#gallery").preloader();

<script type="text/javascript">

<script type="text/javascript" src="js/jquery.preloader.js"></script>

<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>

Структура html кода проста как железный чайник

Смотрим демо. У тех у кого канал интернета достаточно большой могут не успеть увидеть действо - жмем обновить.

Прелоадер картинок позволяет визуально показать пользователю, что картинка еще не загрузилась и либо показать шкалу загрузки, что может быть сильно избыточно особенно для маленьких картинок, либо показать небольшой значок свидетельствующий о том, что картинка загружает - именно такой вариант использован в этом прелоадере

Прелоадер картинок

Бесплатный хостингв течении 10-ти дней

Прелоадер картинок | Для сайта