Что нового в этой версии:

• Улучшена производительность; особенно это относится к IE.
• Добавлена поддержка события onDomReady. Теперь скрипт инициализируется не дожидаясь, пока загрузятся все изображения. Вам не нужно отныне добавлять инициализацию скрипта в window.onload, достаточно просто lightgallery.init(); (однако старая конфигурация с window.onload также будет работать).
• Добавлены 2 новые темы. Одна из них – shape, любезно предоставлена Shape Design Studio, за что им большое спасибо.
• Исправлен ряд мелких багов.

Смотреть демоСкачать

Страница проектаСтраница проекта на Google Code

Установка и настройка

Чтобы установить плагин, загрузите и подключите библиотеку jQuery и скрипт jQuery.popeye, а также таблицы стилей к нему. Затем создайте ненумерованный список с миниатюрами изображений:

<div class="popeye">
<ul>
<li><a href="url_of_large_image.jpg">
	<img src="url_of_thumbnail.jpg" alt="The caption string"></a></li>
<li><a href="url_of_large_image.jpg">
	<img src="url_of_thumbnail.jpg" alt="The caption string"></a></li>
<li><a href="url_of_large_image.jpg">
	<img src="url_of_thumbnail.jpg" alt="The caption string"></a></li>
<li>...</li>
</ul>
</div>

Затем нужно добавить код инициализации:

$(document).ready(function () {
	$('.popeye').popeye();
});

Функция popeye() может принимать аргумент options для установки различных параметров работы скрипта:

var options = {
	direction:  'right',
	duration:   230,
	stageW:     '200px',
	stageH:     '240px'
}
$('.popeye').popeye(options);

Полный список параметров можно найти здесь.

jQuery.popeyeсмотреть демозагрузить