jquery.bxSlide를 이용하여 슬라이드만들기

<script src="/jquery.bxslider/jquery.bxslider.min.js"></script>
<link href="/jquery.bxslider/jquery.bxslider.css" rel="stylesheet" />

<div style="width:600px">
   <ul class="slide">
      <li><img src="이미지명"></li>
      <li<img src="이미지명"></li>
      <li><img src="이미지명"></li>
  </ul>

 

<script type="text/javascript">
$(document).ready(function(){
 $('.slider').bxSlider({
   mode: 'fade',    //사라지는 모냥
   speen:3000     // 이미지변환 속도 기본 500
   pager: true,     //하단 페이지
   auto: true,     //자동시작
   captions: true,  //캡션
   controls:false //전 후 콘트롤 보이기 안보이기
 });
});
</script>


사이트 : http://bxslider.com/options