Spacegallery

Галерея

Очередная галерея изображений. Нажмите на изображение ниже, чтобы увидеть её в действии.

Реализация

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

<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.
perspective	integer	высота перспективы. По умолчанию 140.
minScale	float	минимальный масштаб для задних изображений. По умолчанию 0,2.
loadingClass	string	CSS класс применяемый к элементу при загрузке изображения. По умолчанию null.
before	function	функция обратного вызова, срабатывающей до перехода к следующему изображению.
after	function	функция обратного вызова, срабатывающая после перехода к следующему изображению.