$(function(){ var show_num = 1; var auto_num = 1; var move_obj; var obj_width = $('.banner').width(); //객체 가로크기 var obj_height = $('.banner').height(); //객체 가로크기 var obj_num = $('.banner').length; //객체갯수 var banner_container = $('#banner_container'); $("#banner_warp").css({"width":obj_width*show_num,"height":obj_height}); //전체틀 banner_container.css("width",obj_width*obj_num); function next_banner(n){ move_obj = obj_width*(n-1); banner_container.animate({left:move_obj},500); $("#v").val(n);//확인값 } $(".banner_left").on("click",function(){ var bnum = ((obj_num-show_num-2)*-1); if(bnum <= auto_num){ auto_num = auto_num-1; } next_banner(auto_num); }); $(".banner_right").on("click",function() { if(auto_num < 1){ auto_num = auto_num+1; } next_banner(auto_num); }); }); $(function(){ var show_num_b = 1; var auto_num_b = 1; var move_obj_b; var obj_width_b = $('.banner_b').width(); //객체 가로크기 var obj_height_b = $('.banner_b').height(); //객체 가로크기 var obj_num_b = $('.banner_b').length; //객체갯수 var banner_container_b = $('#banner_container_b'); console.log(obj_width_b); $("#banner_warp_b").css({"width":obj_width_b*show_num_b,"height":obj_height_b}); //전체틀 banner_container_b.css("width",obj_width_b*obj_num_b); function next_banner(n){ move_obj_b = obj_width_b*(n-1); banner_container_b.animate({left:move_obj_b},500); $("#v").val(n);//확인값 } $(".banner_left_b").on("click",function(){ var bnum = ((obj_num_b-show_num_b-2)*-1); if(bnum <= auto_num_b){ auto_num_b = auto_num_b-1; } next_banner(auto_num_b); }); $(".banner_right_b").on("click",function() { if(auto_num_b < 1){ auto_num_b = auto_num_b+1; } next_banner(auto_num_b); }); })