Главная » 2011 » Ноябрь » 13 » Оригинальная галерея в стиле полароид через плагин PikaChoose (Javascript)
13.11.2011, 08:56

Оригинальная галерея в стиле полароид через плагин PikaChoose





Оригинальная галерея в стиле полароид через плагин PikaChoose на jQuery

ДЕМО МАТЕРИАЛА

Установка:

После /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
Материал взят с сайта infoscript.ru
Теги: Скачать Оригинальная галерея в стиле полароид через плагин PikaChoose
Скачать "Оригинальная галерея в стиле полароид через плагин PikaChoose"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: siteforsites.ru
Категория: JavaScript's | Просмотров: 2608 | Добавил: manikom-auto | Рейтинг: 0.0/0 |
Теги: ГАЛЕРЕЯ, На, через, PikaChoose, jQuery, полароид, плагин, стиле, оригинальная
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]