Главная » Файлы » Прочие скрипты » 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

Категория: jQuery | Добавил: Apocalypse | Теги: Плавное, изображений, плана, Через, на, плагин, увеличение, Lumebox, затемнением, заднего
Просмотров: 327 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: