Изображение
Плагин для добавления объявления за отгибающимся уголком на страницу.

Особенность этого плагина состоит в том, что вы можете добавить его не изменяя html.
Плагин довольно лёгкий.
Есть подключение к Google Analytics. Отслеживание событий для записи наведения курсора.
Работает во всех современных браузерах, включая IE6, IE7, и IE8.

Установка.
Для начала скачиваете архив:
robflaherty-jQuery-Peelback.rar
51.71 КБ 333 скачивания
Закачиваете изображение и скрипты на форум.

Так как плагин работает на jQuery, то у вас должна быть подключена её библиотека. Если у вас уже подключен jQuery, то закачивать jquery-1.5.2.min.js из архива на форум не нужно.
Перед </head> устанавливаете скрипты:

Код: Выделить всё

<script src=".../jquery.peelback.js"></script>
<script>
$(function() {
$('body').peelback({
adImage : '.../images/peel-ad.png',
peelImage : '.../images/peel-image.png',
clickURL : 'http://cabinetadmina.ru/',
smallSize: 50,
bigSize: 500,
gaTrack : true,
autoAnimate: true
});
});
</script>
В принципе на этом установка завершена, остаётся только настроить.


Обязательные параметры
adImage : Путь к рекламному изображению (открывающемуся)
peelImage : Путь к "peel-image.png" (открывающий уголок)
clickURL : Ссылка для объявления

Опции
smallSize : Укажите размер уголка предварительного просмотра (число; по умолчанию = 58)
bigSize : Укажите размер рекламного изображения (число; по умолчанию = 510)
gaTrack : Отправлять события наведения в Google Analytics? (логическое; по умолчанию = false)
autoAnimate : Анимация при загрузке страницы (логическое; по умолчанию = true)

Не забудьте указать пути до скрипта и изображений.
Источник:
[hide]GitHub[/hide]
Комментариев нет
Комментариев пока нет, но ты можешь быть первым! Нужно лишь войти или зарегистрироваться и поделиться своим мнением.