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 - функция обратного вызова, срабатывающая после перехода к следующему изображению.
Ссылки