В данном уроке я расскажу Вам, как создавать Peel Away объявления (уголки). В последнее время данный вид объявлений используется все чаще и чаще на многих сайтах. Он не занимает много места на странице. И с помощью такого объявления можно сообщить важную информацию посетителям.
Для создания такого эффекта нам понадобиться:
1) 2 флеш файла, которые отвечают за эффект свертывания и развертывания.
2) JavaScript файл, где будет прописаны все функции для правильной работы уголка.
3) Папка с двумя картинками: одной маленькой (которая отображается при неактивном состоянии - 100 на 100 пикселей) и второй большой (отображается при развертывании - 650 на 650 пикселей)
Установка такого объявления в страничку очень проста и займет несколько секунд. Все, что Вам необходимо сделать - после тега <body> вставить следующий код:
Code
<script src="peel.js" type="text/javascript"></script>
Важно: в нашем примере файл скрипта находится в той же папке, что и страница. Если файл скрипта переместите в другую папку, не забывайте про правильный путь. Вот и все манипуляции со страничкой, где будет находиться уголок.
Теперь нам необходимо немного модифицировать файл peel.js. Необходимо найти следующую строчку:
Code
jaaspeel.ad_url = escape('http://www.ruseller.com');
Вместо "ruseller.com" необходимо ввести Ваш УРЛ (страницу на которую должен перейти пользователь после нажатия на объявление). Кроме этого в файле peel.js находятся пути к картинкам. Если Вы будете их перемещать в другие папки, не забудьте поменять и пути к ним.
Скачайте все исходники и попробуйте вставить этот замечательный эффект на Ваши странички. Еще один важный момент: пример работы уголка Вы не сможете просмотреть на локальном компьютере. Необходимо обязательно все содержимое загрузить на сервер.
Пользуйтесь на здоровье! Всего наилучшего!
Пример
