<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>
댓글 ( 4)
댓글 남기기