간단한 여러이미지 슬라이드 만들기

 

 

• 1
  2
  3
  4
• 5
  6
  7
  8
• 9
  10

  var cnt = 0;
  var slide_width= 200; //한페이지에 보여줄  div의 크기 
  var total_slide= 3; // 페이지 개수
  function prev(){
     cnt--;
    if(cnt==-1){ cnt = total_slide-1; }
    $('.wrapper-div ul#slider').css('left', -(slide_width*cnt)+'px');  
  }
   
  function next(){
    cnt++;
    if(cnt==total_slide){ cnt = 0; }
    $('.wrapper-div ul#slider').css('left', -(slide_width*cnt)+'px'); 
}
prev next

• 1
  2
  3
  4
• 5
  6
  7
  8
• 9
  10