모바일에서만 슬라이드 배너

배너의 특징

기본 html 구조

<div class="banner"> /* obj_wrap */
	<ul> /* obj_name 배너 전체를 묶어주는 요소로 이것이 jquery에서 움직임(반드시 position: absolute;, left: 0; 이어야함) */
		<li></li> /* obj_child 배너항목(반드시 float: left;를 줘서 모든 배너이 옆으로 나란히 배치되도록 해야함.) */
	</ul>
</div>

jquery 설정값

var obj_wrap = $(".seven"); //감싸는 영역의 이름
var obj_name = $(".seven ul");
var obj_child = $(".seven ul li");
var obj_child_width = "33.3%";    //pc에서 li의 넓이값
var mobile_size = 640;    //모바일로 인식하는 사이즈
var obj_paging = $(".seven .paging button");  //모바일에서 paging을 한다면
var btn_next = $(".seven .btn_next");  //모바일에서 다음버튼
var btn_prev = $(".seven .btn_prev");

jquery소스

jquery 소스보기