Главная > Тематические обзоры > Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook


10 февраля 2013, 14:10. Разместил: Design FactoRy
Многие сайты используют подобные jQuery-плагины для предоставления каталогов продукции, продающих брошюр и так далее, и все это не просто так. jQuery-решения, позволяющие вам листать блоки контента, предлагают вам пользователям очень удобный способ ознакомиться с тем, что вы готовы предложить им. Если все сделать правильно, но такие электронные брошюры будут работать не хуже настоящих напечатанных, которые можно держать в руках. При помощи специальных плагинов, вы можете позволить посетителям вашего сайта без труда перелистывать страницы и чувствовать, будто они читают настоящую книгу.

Использование jQuery-плагинов с эффектом перелистывания позволит вам представлять содержимое вашего сайта в более привлекательной манере. Перед тем, как выбрать подходящее вам решение, вам следует получить некоторый технический навык. Некоторые плагины до сих пор основываются на Flash, и поэтому они не позволяет пользователям осуществлять поиск материала соответствующим образом и, к тому же, они не будут работать на iOS-устройствах. Это отрицательно сказывается на seo-оптимизации, а также приведет к тому, что пользователи просто не найдут интересующую их информацию. Плагины перелистывания на базе jQuery позволяют вам избежать всех этих проблем. Чтобы помочь вам найти подходящий скрипт, сегодня мы решили предложить вам подборку одних из лучших jQuery-плагинов для реализации эффекта перелистывания.

Эта подборка состоит из более, чем 20 jQuery-плагинов соответствующего предназначения, которые позволят вам реализовать механизм перелистывания страниц. У каждого представленного плагина есть свои уникальные свойства, поэтому мы предлагаем вам ознакомиться со всеми по очереди. После чего, хотелось бы, чтобы вы высказали свое мнение о выбранном вами плагине, чтобы помочь другим читателям избежать рутинных поисков. Заранее предупреждаем, что часть предоставленных решений являются платными.

01. Responsive Flip Book с поддержкой Touch ($16)

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

Responsive Flip Book представляет собой HTML/jQuery-решение без необходимости устанавливать Flash Player. Плагин работает как на настольных ПК, так и на мобильных устройствах! Вы сможете получить приблизительно одинаковый опыт взаимодействия на всех платформах ввиду адаптивности дизайна.

02. Плагин jFlip

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

Данный плагин создает галерею изображению в виде журнала. Вы можете перелистывать страницы книги, чтобы просматривать предыдущие или следующие изображения, просто перетягивая анимированные углы, отображаемые при наведении курсора на галерею.

03. WowBook ($7)

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

WowBook представляет собой jQuery-плагин, который позволяет вам создавать онлайн-публикации (наподобие книг или журналов) с 2 разными эффектами перелистывания страниц.

04. Responsive FlipBook v5 jQuery ($12)

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

Данный плагин предоставляет вам двойные страницы, адаптивный дизайн, отличные инструменты для масштабирования и Ajax-форму.

05. jQuery Flipbook Slider ($6)

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

jQuery Flipbook Slider – это миниатюрный jQuery-плагин для создания эффекта перелистываемых страниц. Его можно использовать для любого контента: текста, html, iframe, видео-файлов, swf и так далее. Вы можете без труда оформить его при помощи CSS (фоновые изображения, шрифты, цвет и так далее). Плагин можно использовать для презентации альбомов, книг, блокнотов и так далее.

06. FlipBook v5 – плагин для Wordpress ($18)

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

Управление данным плагином стало более интуитивным и простым. Когда вы создаете новую книгу – все поля настроек заполняются автоматически (поля не остаются пустыми).

07. Booklet

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

Booklet представляет собой jQuery-инструмент для отображения контента на перелистываемых страницах. Он был разработан на базе библиотеки jQuery. Распространяется он под лицензионным соглашением MIT и GPL.

08. Flip Book – плагин для Wordpress ($30)

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

Wordpress-плагин Flip Book основан на XML Flip Book / AS3. Он был разработан с нуля. Практически все, что вы видите на странице, можно оформить при помощи админ-панели Wordpress. Процесс установки не требует каких-либо навыков в разработке кода.

09. jPageFlip

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

jPageFlip представляет собой jQuery-плагин для имитации процесса перелистывания страниц. Чтобы использовать jPageFlip, вам придется внедрить файл jQuery.js. jPageFlip хорошо поддается настройке. В последующие версии планируется добавить больше опций настроек. jPageFlip на данный момент базируется на основе «canvas», который поддерживается только в Firefox, Chrome, Opera и Safari (причем, в свежих версиях).

10. Flippy

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

Flippy представляет собой jQuery-плагин для создания кросс-браузерного эффекта перелистывания страниц, который позволяет вам «перелистывать» любой HTML-элемент, какой только захочется.

11. imBookFlip

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

Плагин imBookFlip умеет подгружать книгу в iframe, либо прямо на странице. Страницы книги можно переключить на ручное перелистывание, включить автоматическое перелистывание сразу после того, как страница будет загружена, либо установить функцию включения перелистывания после того, как будет произведен клик по обложке. Вы также без труда сможете добавить звук при помощи Sound Manager.

12. Flip

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

Flip – это jQuery-плагин, который без труда сможет перелистывать элементы на ваших страницах в 4-х направлениях.

13. FlipPage

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

FlipPage представляет собой jQuery-плагин, который создает имитацию перелистывания страниц будто в книге.
Изначально плагин был разработан для проведения презентаций, он также нашел свое место в таком устройстве как электронная книга. Этот плагин был разработан таким образом, чтобы использовать мощь графического аппаратного оснащения для воспроизведения плавных анимаций на HTML5/CSS3.

14. Слайдер с перелистыванием элементов портфолио на jQuery и CSS3

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

Слайдер способен менять изображения из портфолио, перелистывая их тогда, когда пользователь кликает по элементам управления. То есть, когда пользователь кликает по изображению, оно начинает вращаться на 360 градусов, и по окончании анимации пользователь видит новое изображение.

15. Turn JS

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

Turn.js – это javascript-библиотека, которая превратит ваш контент в почти настоящую книгу или журнал со всеми преимуществами HTML5. Интернет сильно преобразился с появлением интерфейсов, основанных на HTML5. turn.js идеально подойдет для публикации журналов, книг или каталогов на базе HTML5.

16. Flip Page

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

Этот плагин создает эффект перелистывания страницы поверх или внутри отображенных изображений, и это напоминает 2D-графику.

17. Notebook Page Flip Animation

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

С каждым днем jQuery становится все более популярной ввиду удобства, гибкости и скорости. Такая анимация в стиле блокнота идеально подойдет для презентации информации на сайте.

18. BookBlock: плагин вращения контента

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

BookBlock представляет собой jQuery-плагин, который можно использовать для создания компонентов в стиле буклетов, которые дадут вам возможность реализовать навигацию с перелистыванием страниц. Здесь можно использовать любой контент, будь то изображения или текст. Плагин трансформирует структуру только при необходимости (например, при перелистывании страницы), и использует наложения в виде теней для страниц, что придает ощущение реалистичности.

19. FlipBook

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

FlipBook способен собирать несколько изображений, а затем анимировать их. Каждое изображение отображается на короткий промежуток времени, а затем заменяется другим изображением по списку. Анимация начинается тогда, когда первое изображение полностью загружено, а изображения, которые еще не загрузились с сервера, просто пропускаются. Они включаются в анимацию только после того, как будут полностью загружены браузером.

20. javascript-плагин Card Flip ($3)

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

Данный jQuery-плагин имеет высокий уровень настройки, и позволяет вам без труда вращать два изображения. Тем не менее, этот плагин не поддерживает текст! Вам придется использовать графические элементы.

21. Metro JS

Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook

Metro JS представляет собой javascript-плагин для jQuery, разработанный для того, чтобы у вас была возможность создавать интерфейсы в стиле Metro. Данный релиз сосредоточен вокруг Live Tiles, Application Bar и Theming. На данный момент он находится на ранней стадии разработки, но все функции должны работать на IE7+(Win/WinPhone), Firefox, Chrome, Android, Opera и Safari(OSX/iOS).
Вернуться назад