Before/After – красивый скрипт до/после

Привет друзья! Сегодня будем учиться пользоваться прикольным и интересным скриптом Before/After. Он позволяет… впрочем, смотрите видео – сами всё увидите.

В этом занятии вы научитесь устанавливать плагин и подключать его. А также разберем следующие настройки плагина:
1. animateIntro – включает/отключает интро
2. introDelay – задержка интро
3. introDuration – продолжительность интро
4. showFullLinks – показывать/скрывать ссылки
5. imagePath – путь к картинкам
6. introPosition – позиция интро
7. beforeLinkText – текст для ссылки ДО
8. afterLinkText – текст для ссылки ПОСЛЕ
9. cursor – устанавливает вид курсора
10. clickSpeed – скорость перемещения по клику
11. linkDisplaySpeed – скорость перемещения по ссылкам
12. dividerColor – цвет разделительной полосы
13. enableKeyboard – включить управление стрелками
14. keypressAmount – шаг по стрелкам
15. onReady – вызов функции, когда плагин отработал

Ссылки из урока:
1. Демо: http://master-css.com/demo/beforeafter/
2. Архив-заготовка: http://master-css.com/zip/startlight.rar
3. Дополнительные картинки: http://master-css.com/zip/imagesbeforeafter.rar
4. Скрипт Beforeafter: http://www.catchmyfame.com/catchmyfame-jquery-plugins/jquery-beforeafter-plugin/

==============================================

★★★ Заработай на своем YouTube канале ★★★
http://master-css.com/go/21

Музыка предоставлена сайтом http://audiomicro.com, как партнеру VSP Group. Спасибо!
Наш сайт: http://master-css.com
Наш ВК: https://vk.com/m_css
Мой Twitter: https://twitter.com/SWAT727
Google+ https://plus.google.com/+Master-css/

ПРИСОЕДИНЯЙТЕСЬ
Поделиться

Master-CSS

Интересные уроки по созданию сайтов, WEB-дизайну, раскрутке и монетизации.



Обсуждение закрыто.