Попередній перегляд книги на jquery

Будь-мультимедійний можна переглядати в онлайні: дивитися фільми, слухати музику, а також читати книги. З приводу останнього хотілося б поговорити докладніше. Є безліч сайтов, які пропонують читати книги в онлайні, але роблять вони це не в дуже зручній формі. Звичайно, той спосіб, про який я хочу розповісти сьогодні, також не позбавлений мінусів, але все ж він пропонує більш зручний формат для читання й попереднього перегляду книг, ніж багато сайтів. Не буду багато писати, так як легко зрозуміти про що йде мова - всього лише один раз подивившись приклад. Так що дивіться приклад і самі вирішуйте - краще цей спосіб читання книги чи ні.

Попередній перегляд книги

Також є раніше я розглядав інший спосіб перегляду книг:

Повноекранна книга за допомогою jQuery і CSS3

Що ж це за такий спосіб перегляду книг? Дивіться приклад:

Подивитися прімерСкачать

Для створення попереднього перегляду ми використовуватимемо jQuery плагін - BookBlock від Codrops.

Кожна книга знаходиться в тезі. І ось як розташовані ці книги:

Якщо ви натиснете на посилання "Деталі", з`являється короткий опис книги, кількість сторінок в книгу, а також дата додавання:

Якщо ж ви клацніть по посиланню з текстом «Дивитися», тоді ви можете читати книгу на весь екран:

Ліворуч і праворуч знаходяться стрілки, з допомогою можна перегортати сторінку книги:

Якщо ви вирішите використовувати цей плагін

Я не писав як встановити цей плагін, тому що набагато легше завантажити архів з готовим рішенням (за посиланням «Скачати», яка знаходиться вище) і подивитися як там це реалізовано, а потім зробити у себе по аналогії (підключити ті ж стилі, скрипти, і розмістити ті ж теги з класами і ідентифікаторами).