Главная » Файлы » Прочие скрипты » jQuery
Оригинальная галерея в стиле полароид через плагин PikaChoose на jQuery для uCoz
23.06.14, 14:58:28

Скачать файл



Отличная галерея в стиле полароид. Думаю, неплохо подойдёт для виртуальных фотостудий

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

Установка:

После /head на нужных страницах вставляйте:
Код
<link type="text/css" href="/css/pikachoose-polaroid-theme.css" rel="stylesheet" />
<script type="text/javascript" src="/js/jquery.pikachoose.js"></script>
<script language="javascript">
$(document).ready(  
function (){  
var applyThumbnailClasses = function(self){  
self.list.find('li').each(function(index){  
$(this).addClass('thumb'+index);  
})  
}  
$("#pikame").PikaChoose({buildFinished: applyThumbnailClasses, thumbOpacity:0.6});  
});  
</script>


Следующий код в то место, где будет ваша галерея:
Код
<div class="pikachoose-polaroid">
<ul id="pikame" >
<li><a href="Ссылка"><img src="Ссылка на изображение"/></a><span>Описание</span></li>
<li><a href="Ссылка"><img src="Ссылка на изображение"/></a><span>Описание</span></li>
<li><a href="Ссылка"><img src="Ссылка на изображение"/></a><span>Описание</span></li>
<li><a href="Ссылка"><img src="Ссылка на изображение"/></a><span>Описание</span></li>
<li><a href="Ссылка"><img src="Ссылка на изображение"/></a><span>Описание</span></li>
</ul>
  </div>


Залейте скрипт из прикреплённого архива в папку js, стиль в папку css и все картинки в папку images

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