同じような名前のプラグインがあるみたいだけど、今回試してみたのは、
こちらです。
使い方は、まず、プラグイン自体をダウンロード（っていうか、このサイトの場合はコピペ）して、実行させればオーケー。使い方自体は、他のプラグインと、たいして変わりません。
html
<div> <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> ... </ul> </div>
js
<script type="text/javascript">
$(function(){
$("div.foo").carousel();
});
</script>
こんな感じで、実装できます。オプションも追加可能です。オプションに関しての詳細は、本サイトへ。
さて、このプラグイン、実装自体は簡単だけど、なぜか一緒にくっついてくるはずの、（他のプラグインではくっついてきてた）cssのファイルが、本サイトに無い。リンクをたどると、似たようなのがあるけれど、それとは違うらしい。（違うのか？）うーん英語が解らない…。
ってことで、このプラグインを使うときは、cssは全部自前で作らなきゃならないらしい…。イメージも自分で用意しなきゃならないっぽい。firebugをフル活用でcssを組むしかないですな…。
使った感じは、やっぱり写真のスライドに使うのが無難な気がした…。テキストに充てるのは、若干面倒な感じ。
cssが、全部自前ってこともあり、汎用性はかなりあるのでは？ちょっと使いたいときには便利です。
Comments