07:29
Отличная галерея в стиле полароид. Думаю, неплохо подойдёт для виртуальных фотостудий
Для начала посмотрите ДЕМО
Установка:
После /head на нужных страницах вставляйте:
Code
<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>
Следующий код в то место, где будет ваша галерея:
Code
<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
