Флип-книга без Flash [Кросс-браузер]

Question

Я начинаю новый проект, и моим основным элементом домашней страницы будет Flip Book.

Я предпочитаю держаться подальше от Flash и HTML5.

Проблема в том, что мне трудно найти книгу с перекрестными ссылками Jquery / Javascript, которая имеетвозможность события CLICK AND DRAG.(Мне не нужны обычные щелчки и перевороты.)

Кто-нибудь знает или знает о полнофункциональном браузерном клике и перетаскивании перекидных книг?

ИЛИ, если выесть пример, а не кросс-браузер, какие альтернативные кросс-браузерные переопределения будет лучше всего использовать?

Answer 1

Возможно, пропустили, так как он был недоступен в то время, у меня был большой успех (из-за его простоты) с Turn.js

Он также получил версию HTML4,так что это не только HTML5.

Answer 2

Вот ссылка с несколькими вариантами:

http://cssnerd.com/2011/12/08/animated-css3-pageflip-flipbook-with-a-little-jquery/

На странице вы увидите:

jQuery-версия (опубликованная @Arno)

• Они обновили его 8 августа 2012 года и выглядят намного лучше
• Работает на iPad
• IE7 и IE8: некоторые проблемы с затенением при подкачке (я даже не собираюсь тестировать IE6)
• http://builtbywill.com/code/booklet/

Чистая версия CSS3

• Работает только в Chrome (и глючит в Safari)
• Плавное перелистывание страниц, но слишком ограниченное
• http://www.romancortes.com/ficheros/page-flip.html

HTML5 версия (потому что мы больше не можем игнорировать не перекрестный браузер html5)

• Это только приводит пример: http://www.20thingsilearned.com
• Вот правильный урок: http://www.html5rocks.com/en/tutorials/casestudies/20things_pageflip/

3D Flipbook без HTML5 версия холста

• Основные проблемы с производительностью
• http://webkit -os.pixelass.com / flipbooktest /

Answer 3

Вы можете использовать PDF-to-HTML-флип-генератор .

Answer 4

Вы можете попробовать http://builtbywill.com/code/booklet/. Он использует jQuery и jQuery UI, а также поддерживает перетаскивание мышью.