面白22■1枚ページめくり縦横コメ付き    最終修正日 : 2016/08/04

●2016/07/20:即時関数で囲んで、グローバル変数を消しました。
1枚の画像が中央で折れて、ぺージめくりをする、コメント付きのJavaScriptです。
ソースの中で、上下めくり(縦めくり)をするか、左右めくり(横めくり)をするかを選択できます。
今回は上下めくり(縦めくり)を選択しました。この場合、初期設定は自動めくりで、上から下への動作になります。
動作中に画像の下部をクリックすると、動作が下から上のめくりに変わります。
上部をクリックすると、上から下へのめくりに変わります。

またボタンをクリックすることで、自動と手動を変更できます。
手動の場合は画像クリックでめくれます。画像の上部クリックで上から下、画像下部クリックで、下から上へめくれます。
原本はQPONから。

原本をHTML5に対応にし、簡略化しました。
ページめくりの位置指定、コメントの位置指定もCSSの指定で変更できます。
■2016/08/04:「document.getElementByIdの簡略化」と「varもれ」を修正