リストのスライドショーを簡単に実装「Fade List」
当ページのリンクには広告が含まれています。
スポンサーリンク
リストのスライドショーを簡単に実装するプラグイン「Fade List」を紹介します。
jQueryプラグイン「Fade List」
このプラグインを使えば、一定の時間が経過すると切り替わるリスト（li）のスライドショーを実装することができます。
オプションで表示するリストの数、切り替わる時間を指定することができます。
ブログの「最新記事」「人気記事」「注目記事」を切り替えて表示したい場合に使えるかも!?
スポンサーリンク
デモのリストのスライドショーをご覧ください。
デモのソース（HTML + jQuery）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="description" content="Fade Listのデモでーす。">
<title>Fade List - jQueryプラグインまとめのカルマ</title>
</head>
<body>
<h1>Fade Listのデモでーす。</h1>
<ul id="gallery">
<li>①</li>
<li>②</li>
<li>③</li>
<li>④</li>
<li>⑤</li>
<li>⑥</li>
<li>⑦</li>
<li>⑧</li>
<li>⑨</li>
<li>⑩</li>
</ul>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="fadelist.jquery.js"></script>
<script>
$("#gallery").fadelist({
show: 4
});
</script>
</body>
</html>
jsファイルのダウンロードやオプションなどの詳細はこちらからどうぞ。
» Fade List
スポンサーリンク