スライドショーを表示するAjaxライブラリです。
jQuery Easing Plugin 取得
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.cycle.all.min.js" type="text/javascript"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>
<script type="text/javascript">
$('#scrolldown').cycle({
fx: 'scrollDown',
easing: 'easeOutBounce',
delay: -2000
});
</script>
<!-- 【画像の配置】 -->
<div id="cycle">
<img src="./images/image1.jpg" width="100" height="100" alt="" />
<img src="./images/image2.jpg" width="100" height="100" alt="" />
<img src="./images/image3.jpg" width="100" height="100" alt="" />
</div>
>>>>>>>>>>
サンプル【6】
jQuery Easing Plugin 取得
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.cycle.all.min.js" type="text/javascript"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>
<script type="text/javascript">
$('#scrolldown').cycle({
fx: 'scrollDown',
easing: 'easeOutBounce',
delay: -2000
});
</script>
<!-- 【画像の配置】 -->
<div id="cycle">
<img src="./images/image1.jpg" width="100" height="100" alt="" />
<img src="./images/image2.jpg" width="100" height="100" alt="" />
<img src="./images/image3.jpg" width="100" height="100" alt="" />
</div>
>>>>>>>>>>
サンプル【6】