5 145 Скрипты / Gallery

Spacegallery - простая галерея

Spacegallery - простая галерея

Ещё одна простая галерея на jQuery.

Подключить jаvascript и CSS файлы к документу. Отредактировать CSS файл: исправить пути к изображениям и цвета в соответсвии с дизайном вашего сайта.
Подключите jаvascript файлы в определенном порядке, как показано ниже.

<link rel="stylesheet" media="screen" type="text/css" href="css/spacegallery.css" />
<script type="text/javascript" src="js/eye.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/spacegallery.js"></script>

Вызов кода:
Подготовить блок из элементов содержащих изображения и выбрать эти элементы в jQuery, после чего вызвать сам плагин.

$('#myGallery').spacegallery({loadingClass: 'loading'});

Функции.
Все параметры не обязательные.

  • border - integer - граница изображений. По умолчанию 0.
  • duration - integer - длительность анимации. По умолчанию 800.
  • prespective - integer - высота перспективы. По умолчанию 140.
  • minScale - float - минимальный масштаб для задних изображений. По умолчанию 0,2.
  • loadingClass - string - CSS класс применяемый к элементу при загрузке изображения. По умолчанию NULL.
  • before - function - функция обратного вызова, срабатывающей до перехода к следующему изображению.
  • after - function - функция обратного вызова, срабатывающая после перехода к следующему изображению.
Скачать 1423Загрузок 108,35 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи