Чтобы сделать такой эффект, Вам понадобиться скачать и распаковать вот этот архив. В нем содержаться следующие файлы: 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 код, между тегами
После того, как все это проделали, перезагрузите страницу Вашего сайта и увидите долгожданный эффект перелистывания!
Удачи!