カルーセルスライダー
勉強したこと忘れないようにめもしていこうと思います。
スライダーでおすすめのjQueryプラグインおしえてもらったのでつかってみました。
Circular, Responsive jQuery Carousel – CarouFredSel
jsファイルよみこんで
<script type=\"text/javascript\" src=\"files/js/jquery.carouFredSel-6.2.1-packed.js\"></script>
jsかいて
$(document).ready(function() {
// Using default configuration
$(\"#slider\").carouFredSel();
});
htmlかく
<div id=\"slider\">
<div class=\"slide\"><img width=\"753\" height=\"500\" src=\"./files/img/top/mv_img01.jpg\" alt=\"1\"></div>
<div class=\"slide\"><img width=\"753\" height=\"500\" src=\"./files/img/top/mv_img02.jpg\" alt=\"2\"></div>
<div class=\"slide\"><img width=\"753\" height=\"500\" src=\"./files/img/top/mv_img03.jpg\" alt=\"3\"></div>
</div>
オプションがいっぱいあるらしく、、、
circular : true,
circular : false,
trueでループ指定、falseでは先頭に戻る とか
items サムネイルの設定
scroll スクロールの設定 とか
つくりたいやつあんのやけどなかなかうまくいかず。。。
こんどまたいろいろいじってちゃんとできたら載せてみようと思いますー