動作環境
◇ 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>
.