01:38
Довольно-таки неплохая галерея для вашего сайта. Оригинальная и функциональная. Пользователи системы uCoz могут испытать неудобства после установки на свои сайты, связанные с конфликтом двух разных версий jQuery
Для начала посмотрите ДЕМО
Установка:
После /head на нужных страницах вставляйте:
Code
<link href="/css/ppgallery.css" rel="stylesheet" type="text/css" />
<link href="/css/jquery-ui-1.8.6.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/ppgallery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#gallery').ppGallery();
});
</script>
Следующий код в то место, где будет сама галерея:
Code
<ul id="gallery">
<li><a href="Ссылка на большое изображение"><img src="Ссылка на уменьшенное изображение"></a></li>
<li><a href="Ссылка на большое изображение"><img src="Ссылка на уменьшенное изображение"></a></li>
<li><a href="Ссылка на большое изображение"><img src="Ссылка на уменьшенное изображение"></a></li>
<li><a href="Ссылка на большое изображение"><img src="Ссылка на уменьшенное изображение"></a></li>
<li><a href="Ссылка на большое изображение"><img src="Ссылка на уменьшенное изображение"></a></li>
</ul>
Осталось лишь залить три скрипта из прикреплённого архива в папку js, два стиля в папку css и все картинки в папку images
