画像を左右に分割してページめくりする JavaScript(mamImgPager.js)
複数の画像を左右に分割し、ページめくり風に切り替える軽量 JavaScript です。
画像を真っ二つにスプリットしてアニメーションさせることで、独特のページめくり効果を実現します。
■使い方
-
上記ボタンを押してmamimgpager.jsをダウンロードします。
- mamImgPagerを使いたいファイルで、
<script src="./js/mamimgpager.js"></script>
のように、相対又は絶対パスでmamimgpager.jsを指定します。
-
使いたい場所でDIVタグのクラスに"mamimgpager"を指定し、同じサイズの画像を指定したIMGタグを置きます。
<div class="mamimgpager"> <img src="./imgs/c001.jpg"> <img src="./imgs/c002.jpg"> <img src="./imgs/c003.jpg"> <img src="./imgs/c004.jpg"> </div>
