<style>
@import url("./jqGalScroll.css");
</style>
<script type="text/javascript" src="../common/jquery-1.2.2.min.js"></script>
<script type="text/javascript" src="../common/jquery.easing.1.2.js"></script>
<script type="text/javascript" src="./jqGalScroll.js"></script>
<script type="text/javascript">
$(function(){
$("ul.jqGalScroll").jqGalScroll({
width : 400
, height : 300
, speed : 1000
, ease : 'easeInOutQuad'
, navArrowOpacity : .30
, titleOpacity : .80
});
});
</script>
<ul class="jqGalScroll">
<li><img src="1.jpg" width="400" height="300" alt="1. 尻の方から" /></li>
<li><img src="2.jpg" width="400" height="300" alt="2. ２つに割る。" /></li>
<li><img src="3.jpg" width="400" height="300" alt="3. さらに等分。" /></li>
<li><img src="4.jpg" width="400" height="300" alt="4. ヘタの方から" /></li>
<li><img src="5.jpg" width="400" height="300" alt="5. 房を剥がす。" /></li>
</ul>
