前の記事 ≪:特定要素内の文字をタイプライター風にアニメーションさせるjQueryプ...
次の記事 ≫:2011年2月10日 管理人のブックマーク

divを並べた後、たった1行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」

2011年02月10日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jShowOff: a jQuery Content Rotator Plugin by Erik Kallevig

divを並べた後、たった1行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」
次のような、なんともオシャレなスライダーが簡単に実装できてしまいます。

実際のコードは次のようにとてもシンプル。

<div id="features">
    <div><p>This is a slide!</p></div>
    <div><a href="http://google.com"><img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="Google Logo" /></a></div>
</div>
<script type="text/javascript">
    $(document).ready(function(){ $('#features').jshowoff(); });
</script>

スライド番号だけでなく、次のようにボタンなんかもカスタマイズ可能です。



単なる画像サムネイル用のスライドしても使えます。



その他、メソッドへのオプション指定でそれなりに自由度が効くようになっています。

関連エントリ

関連の記事検索:Webデザイン, JavaScript
スポンサード リンク

By.KJ : 2011年02月10日 11:05 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)