JQuery

 

 

<script>	
//현재 윈도우 창크기 구하기
var windowWidth = $( window ).width();

var filter = "win16|win32|win64|mac|macintel";
if ( navigator.platform ) {
	
        //접속시 모바일 접속일 경우 
	if ( filter.indexOf( navigator.platform.toLowerCase() ) < 0 ) {
		//모바일 접속
		$(".product_list_img_div").removeClass("col-3");
		$(".product_list_img_div").removeClass("col-4");
		$(".product_list_img_div").removeClass("col-6");
		$(".product_list_img_div").removeClass("col-12");	
		
		
		$(".product_list_img_div").addClass("col-12");
		
		
		mediCustomQuery(windowWidth);
		
	}else{  //접속시 pc 접속 일 경우
		

		$(".product_list_img_div").removeClass("col-3");
		$(".product_list_img_div").removeClass("col-4");
		$(".product_list_img_div").removeClass("col-6");
		$(".product_list_img_div").removeClass("col-12");
		
		$(".product_list_img_div").addClass("col-3");
		
		mediCustomQuery(windowWidth);
	}
		
}




//윈도우 창 조절시  호출
$(window).resize(function() {	
	var w=$(window).width();	
	mediCustomQuery(w);
});

function mediCustomQuery(w){
	if(w >=1600) {
		
		$(".product_list_img_div").removeClass("col-3");
		$(".product_list_img_div").removeClass("col-4");
		$(".product_list_img_div").removeClass("col-6");
		$(".product_list_img_div").removeClass("col-12");
		
		$(".product_list_img_div").addClass("col-3");
		
	}else if(  1320<= w && w <1600 ){
		
		
		$(".product_list_img_div").removeClass("col-3");
		$(".product_list_img_div").removeClass("col-4");
		$(".product_list_img_div").removeClass("col-6");
		$(".product_list_img_div").removeClass("col-12");		
		
		
		$(".product_list_img_div").addClass("col-4");

	}else if(  1075< w && w < 1320 ){
	
		
		$(".product_list_img_div").removeClass("col-3");
		$(".product_list_img_div").removeClass("col-4");
		$(".product_list_img_div").removeClass("col-6");
		$(".product_list_img_div").removeClass("col-12");	
		
		
		$(".product_list_img_div").addClass("col-6");
		
	}else if(  361<= w && w < 599 ){
		//모바일에서 세로방향 전환시   360에서  > 598 크기
		
		$(".product_list_img_div").removeClass("col-3");
		$(".product_list_img_div").removeClass("col-4");
		$(".product_list_img_div").removeClass("col-6");
		$(".product_list_img_div").removeClass("col-12");	
		
		
		$(".product_list_img_div").addClass("col-6");	
		
	}else{

		$(".product_list_img_div").removeClass("col-3");
		$(".product_list_img_div").removeClass("col-4");
		$(".product_list_img_div").removeClass("col-6");
		$(".product_list_img_div").removeClass("col-12");	
		
		
		$(".product_list_img_div").addClass("col-12");		
	}
}
</script>

 

 

about author

PHRASE

Level 60  라이트

치마폭이 넓다 / 치마폭이 스물네 폭이다 , 아무 상관도 없는 남의 일에 지나치게 참견함을 비꼬아서 하는 말.

댓글 ( 0)

댓글 남기기

작성

JQuery 목록    more