LogoMark.png

jQuery/FlipBook の変更点


#author("2021-09-25T11:29:12+09:00;2021-05-11T19:39:04+09:00","default:inoue.ko","inoue.ko")
*TurnJS
Flip Book を実現する JSライブラリー
~

***公式サイト
http://www.turnjs.com/#
サンプルも含めて様々なコンテンツがダウンロードされますが、最小限必要なのは ''turn.min.js'' のみです。
~

***サンプル
-DEMO:https://koichi-inoue.github.io/JQ_TurnJS/
-CODE:https://github.com/koichi-inoue/JQ_TurnJS
~

***HTML 付記
-構成上の要点は、class="flipbook-viewport" の中に class="container"、さらにその中に class="flipbook"として、あとは、ページ順に画像を並べるだけです。

-各ページの画像は、ページとなる div 要素の背景画像として定義します。

~
~
~