| Главная » Файлы » Прочие скрипты » jQuery |
Плавное увеличение изображений с затемнением заднего плана через плагин Lumebox на jQuery
| 23.06.14, 08:32:24 | |
 Данный плагин даёт возможность отображения как одного изображения, так и группы изображений с плавным открытием и затемнением заднего плана Для начала посмотрите ДЕМО Установка: На нужных вам страницах после /head вставляйте: Код <link rel="stylesheet" type="text/css" href="/css/lumebox.css" /> <script type="text/javascript" src="/js/jquery.lumebox.js"></script> <script type="text/javascript"> $(function(){ $.lumebox.init({showAsList: false}); }); </script> Скрипт подключен и нам остаётся лишь оформить картинки следующим образом: Код <a href="Ссылка на большое изображение" rel="lightbox[photo]" title="Полное описание"><img src="Ссылка на маленькое изображение" width="Ширина" height="Высота" /></a> Как вы можете заметить, нам достаточно лишь приписать rel="lightbox[photo], чтобы плагин смог обработать картинку Осталось лишь залить файлы из прикреплённого архива следующим образом: lumebox.css - в папку css jquery.lumebox.js - в папку js icon_delete.png - в папку images Материал подготовлен Apocalypse | |
| Просмотров: 486 | Загрузок: 0 | | |
| Всего комментариев: 0 | |
|
| |