портални szenprogs

Нека фото галерия на базата на JQuery плъгин наречен Lightbox. В резултат на това, че трябва да получи хубав дисплей на по-голямо изображение в отделен прозорец с Аякс средства за навигация към следващото или предишното изображение.

Да започнем с това, което притежава приставка самия скрипт. Изтеглете целия архив на този линк.

След като изтеглите файла, попълнете следната домакин си Лайтбокс изграждане на файлове:

Ако сайтът е базиран на UCOZ, на първа линия на код не е необходимо да се напише. JQuery на UCOZ подразбиране свързан.

Сега се подготвят изображението. В Пример 1 албум на 4 изображения:

Снимки трябва да приключи в връзка към определен клас (в този пример - лайтбокс-гал-1). Ако една галерия, а не едно изображение, което трябва да инсталирате REL атрибут (в този пример - gallery1) за тези връзки. Ако страницата няколко галерии, REL собственост за всеки галерия, трябва да има свой собствен. Да кажем, че за първи галерията REL имот е gallery1, а за втората галерия - Gallery2.

Сега лайтбоксът искате да стартирате. За да направите това в главата на тялото пишем следния код:

За да работите тази Лайтбокс достатъчно. Всички стайлинг се осъществява чрез lightbox.css файл, който по-рано наводнен. Там може да се промени имиджа на прехода към следващото и предишното изображение (параметър #prevLink и #nextLink, съответно).

И малко за опциите, които можете да използвате, когато се обаждате лайтбоксът. Тези параметри помогнат да се промени функционалността на галерията си.

Параметрите са написани, разделени със запетаи вътре Лайтбокс функцията прави. В един пример се използва параметър. Тя - fitToScreen. Има и от следните опции: