Блогът на уеб администратора - Архив на сайта - Приставка FancyBox за библиотека jQuery
Приставка FancyBox за библиотека jQuery
- jquery.js - библиотека jQuery;
- jquery.fancybox.js - приставка FancyBox;
- jquery.pngFix.js - ще реши проблема с използването на png файлове в IE;
- jquery.metadata.js - ще използва атрибути на класа, за да предаде параметри на приставката.
Първите две от тях са задължителни, но с другите две може да се откажете.
На страницата могат да бъдат поставени няколко фото галерии и всяка от тях може да съдържа произволен брой изображения.
- hideOnContentClick - скриване на съдържание при щракване върху изображение в пълен размер. Може да бъде вярно или невярно. Неправилно по подразбиране.
- zoomSpeedIn - показва скоростта на ефекта (в милисекунди) при отваряне на изображение в пълен размер. По подразбиране е 0, т.е. без ефект.
- zoomSpeedOut - показва скоростта на ефекта (в милисекунди) при затваряне на изображението в пълен размер. По подразбиране е 0, т.е. без ефект.
- overlayShow - дали да се покаже допълнителен слой, който „затъмнява“ основното съдържание на страницата. Може да бъде вярно или невярно. Невярно по подразбиране.
- overlayOpacity - прозрачност за overlayShow, ако разбира се е вярно. Варира от 0 до 1.
- frameWidth - определя ширината на контейнера, ако се показва iframe и вградено съдържание (вижте примера).
- frameHeight - определя височината на контейнера, ако се показва iframe и вградено съдържание (вижте примера).
- itemLoadCallback - дефинира персонализирана функция, която избира група от снимки за показване (вижте примера).
Сега нека видим как цял набор от изображения в пълен размер се крие зад една миниизображение.
HTML:
$ ("a # custom"). fancybox ( <