本のようにページをパラパラめくる事ができるjQueryプラグイン「turn.js」!

2015/09/25

こんにちは。
今回は本のようにページをパラパラめくる事ができるjQueryプラグイン「turn.js」!です。

画像を本のようにページをパラパラめくるような機能を実装するのにjQueryプラグイン「turn.js」を使ってみたので紹介したいと思います。

本のようにページをパラパラめくる事ができるjQueryプラグイン「turn.js」!

turn.js

turn

 

jQueryプラグイン「turn.js」をダウンロード

turn.js」のサイトの「Download」のボタンをクリックしてダウンロードします。

 

jQueryプラグイン「turn.js」の使い方

html部分を記述します。

 

jQuery本体とturn.min.jsを/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。
widthとheightはサイトに合わせて変更して下さい。

 

プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート

 

いかがでしたか。今回は画像でやってみましたが、テキストでもページでもできるみたいですね。
以上で本のようにページをパラパラめくる事ができるjQueryプラグイン「turn.js」!でした。

Related Post

topへ戻る