В огромном ряду плагинов Lightbox пополнение – новый скрипт jQuery.popeye, написанный под библиотеку jQuery. Этот скрипт привлек мое внимание оригинальным исполнением и стильным дизайном. В отличие от стандартных галерей Lightbox, этот скрипт показывает изображения на том месте, где расположена уменьшенная иконка. К тому же все миниатюры изображений показываются в одном блоке с элементами управления, позволяющими их пролистывать. Если нажать на миниатюру, то скрипт плавно увеличит её показав изображение в полный размер. Под элементами управления расположен блок с описанием изображений.
Установка и настройка
Чтобы установить плагин, загрузите и подключите библиотеку 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);
Полный список параметров можно найти здесь.
