Плагин для добавления объявления за отгибающимся уголком на страницу.
Особенность этого плагина состоит в том, что вы можете добавить его не изменяя html.
Плагин довольно лёгкий.
Есть подключение к Google Analytics. Отслеживание событий для записи наведения курсора.
Работает во всех современных браузерах, включая IE6, IE7, и IE8.
Установка.
Для начала скачиваете архив: Закачиваете изображение и скрипты на форум.
Так как плагин работает на jQuery, то у вас должна быть подключена её библиотека. Если у вас уже подключен jQuery, то закачивать
Перед
В принципе на этом установка завершена, остаётся только настроить.
Обязательные параметры
Опции
Не забудьте указать пути до скрипта и изображений.
Источник:
[hide]GitHub[/hide]
Особенность этого плагина состоит в том, что вы можете добавить его не изменяя html.
Плагин довольно лёгкий.
Есть подключение к Google Analytics. Отслеживание событий для записи наведения курсора.
Работает во всех современных браузерах, включая IE6, IE7, и IE8.
Установка.
Для начала скачиваете архив: Закачиваете изображение и скрипты на форум.
Так как плагин работает на 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]
Комментариев нет
Комментариев пока нет, но ты можешь быть первым! Нужно лишь войти или зарегистрироваться и поделиться своим мнением.