--年--月--日

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2011年01月20日

簡単!jCarouseLiteの設置方法

jQuery.gif

スライドして複数の画像を表示してくれるjQuery「jQarouselLite」の設置方法
jCarouselLite_01.png
簡単に設置できて実用性があると思ったのでメモ
ダウンロード:http://www.gmarwaha.com/jquery/jcarousellite/

HTML
headタグ内
ダウンロードしたjQueryファイルのパスを記述

bodyタグ内

戻るボタンや枚数指定を付けたい場合

Javascript

完成はコチラ あとはCSSで自分なりにデザインすればOK
サンプルは1枚ずつ表示してますが
visible: 1
の部分の数字を変えれば表示枚数は変わります。
speed: 500
で、スピード調節を行ってください。
デモ:http://perruche15.web.fc2.com/sample/jcarouselite.html
スポンサーサイト

Comment

非公開コメント

Trackback

http://perruche15.blog134.fc2.com/tb.php/44-094c7cc2

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。