Оригинальная галерея в стиле полароид через плагин PikaChoose на jQuery
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<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> |
2#: Следующий код в то место, где будет ваша галерея:
|
1 2 3 4 5 6 7 8 9 |
<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> |
Автор публикации
Комментарии: 47Публикации: 59Регистрация: 13-06-2015
