jQuery 슬라이드 - jCarouselLite

http://plugins.learningjquery.com/jcarousellite/demo/refresh.html

 

<!-- 이미지 슬라이드 S -->

<div class="slideWrap slide01">

<div class="slideList">

<div class="slidelist01">

<ul>

<li><a href="#"><img src="../images/thum/thum_130_90.gif" alt="" /></a></li>

<li><a href="#"><img src="../images/thum/thum_130_90.gif" alt="" /></a></li>
<li><a href="#"><img src="../images/thum/thum_130_90.gif" alt="" /></a></li>
<li><a href="#"><img src="../images/thum/thum_130_90.gif" alt="" /></a></li>
<li><a href="#"><img src="../images/thum/thum_130_90.gif" alt="" /></a></li>

</ul>

</div>

<p class="sleft prev"><img src="../images/common/btn/btn_sleft.gif" alt="이전" /></p>
<p class="rleft next"><img src="../images/common/btn/btn_sright.gif" alt="다음" /></p>

</div>

</div>

3

<script type="text/javascript" src="path/to/jcarousellite.js"></script>

<script type="text/javascript">

/* 이미지 슬라이드(이벤트) */

jQuery(function() {

jQuery(".slidelist01").jCarouselLite({

btnNext: ".slide01 .next",

btnPrev: ".slide01 .prev",

visible: 4,

speed: 300,

circular: false

});

});

</script>

<!-- 이미지 슬라이드 E -->

 

 

jcarousellite_1.0.1.pack.js