Как создать эффект перелистывания на своем сайте?!
8037
35Если Вы читаете эту заметку, то должно быть Вы замели в правом углу этого сайта Flash эффект перелистывания!
Если нет, то выглядит это следующим образом!
Используется этот эффект, для привлечения внимания потенциальных клиентов, к своему товару или услуги! Я использую его, для привлечения внимания к своему новому товару "Комплект Реселлера – Самый большой сборник информационных товаров с правом перепродажи"
Также этот эффект можно использовать для продажи рекламы со своего сайта!
Итак, хотите знать, как я это сделал?
Ответ на этот вопрос на самом деле прост. Чтобы сделать такой эффект, Вам понадобиться скачать и распаковать вот этот архив. В нем содержаться следующие файлы:
- large.swf
- large.jpg
- small.swf
- small.jpg
- peel.js
После того, как распаковали этот архив, открываем текстовым редактором файл peel.js. В нем необходимо заменить следующие параметры:
- jaaspeel.ad_url - URL на который перейдет пользователь.
- jaaspeel.small_path – Путь к файлу small.swf
- jaaspeel.small_image – Путь к картинке small.jpg
- jaaspeel.big_path – Путь к файлу large.swf
- jaaspeel.big_image – Путь к картинке large.jpg
Теперь Вам необходимо отредактировать изображения, которые будут отображаться на Вашем сайте:
- small.jpg – эта маленькая картинка, которую посетители видят до эффекта перелистывания. Отредактируйте на свое усмотрение, но лучше по фону сайта.
- large.jpg – эту картинку посетители видят после наведения на маленькую картинку и реализации эффекта перелистывания. Картинка треугольная с длиной и шириной в 500px. На ней необходимо разместить баннер, рекламу и.т.п.
После того, как все изменения сделаны, закачивайте все файлы к себе на сервер в папку peel.
Основная часть работы сделана! Теперь осталась добавить код javascript к себе на страницу сайта.
Делается это следующим образом.
На все страницы, на которых вы решили реализовать данный эффект перелистывания, необходимо добавить следующий javascript код, между тегами <head></head>
<script src="http://адрес_вашего_сайта /peel/peel.js" type="text/javascript"></script>
После того, как все это проделали, перезагрузите страницу Вашего сайта и увидите долгожданный эффект перелистывания!
Удачи!
-
Комментарии (35)
- Сайт
Facebook
Подписка
Подпишитесь прямо сейчас на почтовую рассылку:
"Новичку Инфо-Бизнеса.
От Простого К Сложному"
и получайте каждую неделю на свой электронный адрес список новых статей, опубликованных на страницах этого проекта.
Рекомендую
Видеокурсы
Нашли ошибку в тексте
