TAGS: jQuery | プラグイン | ギャラリー | スライド | MIT | GPL
jQuery Cycle Pluginは、様々なエフェクトを用意した画像ギャラリーjQueryプラグインです。

動作環境


◇ jQuery.js
◇ ライセンス:MIT、GPL

使い方


1)jquery.jsとjquery.cycle.jsを公式サイトからダウンロード
2)HTMLヘッダに定義を追加
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.2.72.js"></script>


3)HTML定義
<div class="slideshow">
    <img src="1.jpg" width="200" height="200" />
    <img src="2.jpg" width="200" height="200" />
    <img src="3.jpg" width="200" height="200" />
    <!-- その他画像定義 -->
</div>


4)画像ギャラリー初期化
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
        fx: 'fade' // エフェクトタイプ例: fade, scrollUp, shuffle, etc...
    });
});
</script>

.

Sponsored Link


有关作者
Syboos.jp編集長システム設計や開発、保守運営などを行ってます。オープンソース技術に興味があります。

Comments