sadfasdf

2021-12-10 17:06:42 +09:00 · 2021-12-10 17:06:42 +09:00 · 9401db50f5
commit 9401db50f5
parent ed25a41e22
5 changed files with 50 additions and 68 deletions
--- a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
@ -442,26 +442,7 @@ $(function(){
    var _centeredSlides = false;
    var _loop = false;
    
-    if (windowWidth <= 3000) {
-    	_loop = false;
-        _slidesPerView = 5;
-        _slidesPerViewpopula = 4;
-        _slidesPerViewOnline = 7;
-        _spaceBetween = 30;
-        _centeredSlides = false;
-        _lenght = 5;
-     }
-    /*
-    if (windowWidth <= 1400) {
-    	_loop = false;
-       _slidesPerView = 3;
-       _slidesPerViewpopula = 3;
-       _slidesPerViewOnline = 3;
-       _spaceBetween = 20;
-       _centeredSlides = false;
-       _lenght = 3;
-    }
-    */
+
    if (windowWidth <= 768) {
       _loop = false;
       _slidesPerView = 1;
@ -470,7 +451,25 @@ $(function(){
       _spaceBetween = 20;
       _centeredSlides = false;
       _lenght = 1;
-    }    	
+    }
+    if (windowWidth >= 769) {
+    	_loop = false;
+       _slidesPerView = 3;
+       _slidesPerViewpopula = 2;
+       _slidesPerViewOnline = 3;
+       _spaceBetween = 30;
+       _centeredSlides = false;
+       _lenght = 3;
+    }
+    if (windowWidth >= 1400) {
+    	_loop = false;
+       _slidesPerView = 5;
+       _slidesPerViewpopula = 4;
+       _slidesPerViewOnline = 7;
+       _spaceBetween = 30;
+       _centeredSlides = false;
+       _lenght = 5;
+    }
    	
    	
   /* 메인슬라이드 */
@ -498,11 +497,8 @@ $(function(){
      loop : _loop,
      slidesPerView : _slidesPerView,
      spaceBetween : _spaceBetween,
-      centeredSlides : false,
-      autoplay : {
-         delay : 2500,
-         disableOnInteraction : false,
-      },
+      centeredSlides : _centeredSlides,
+      autoplay : false,
      navigation : {
         nextEl : ".swiper-button-next",
         prevEl : ".swiper-button-prev",
@ -530,10 +526,7 @@ $(function(){
      slidesPerView : _slidesPerViewOnline,
      spaceBetween : _spaceBetween,
      centeredSlides : _centeredSlides,
-      autoplay: {
-          delay: 4000,
-          disableOnInteraction: false,
-      },
+      autoplay: false,
      navigation : {
         nextEl : ".swiper-button-next",
         prevEl : ".swiper-button-prev",
@ -560,11 +553,8 @@ $(function(){
      loop: _loop,
      slidesPerView : _slidesPerViewpopula,
      spaceBetween : _spaceBetween,
-      autoplay : {
-         delay : 2500,
-         disableOnInteraction : false,
-      },
-      centeredSlides : false,
+      centeredSlides : _centeredSlides,
+      autoplay : false,
      pagination: {
          el: '.pagination .swiper-pagination',
          type: 'fraction',
--- a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
@ -535,24 +535,6 @@ $(function(){
  	var _centeredSlides = false;
  	var _lenght = 5;
  
-  	if (windowWidth <= 3000) {
-  		_loop = false;
-        _slidesPerView = 4;
-        _slidesPerViewBottom = 5;
-        _spaceBetween = 30;
-        _centeredSlides = false;
-        _lenght = 5;
-    }
-  	/*
-  	if (windowWidth <= 1400) {
-  		_loop = false;
-      	_slidesPerView = 3;
-      	_slidesPerViewBottom = 3;
-      	_spaceBetween = 30;
-      	_centeredSlides = false;
-      	_lenght = 3;
-  	}
-  	*/
  	if (windowWidth <= 768) {
  		_loop = false;
      	_slidesPerView = 1;
@ -561,6 +543,22 @@ $(function(){
      	_centeredSlides = false;
      	_lenght = 1;
  	}
+  	if (windowWidth >= 769) {
+  		_loop = false;
+      	_slidesPerView = 3;
+      	_slidesPerViewBottom = 3;
+      	_spaceBetween = 30;
+      	_centeredSlides = false;
+      	_lenght = 3;
+  	}
+  	if (windowWidth >= 1400) {
+  		_loop = false;
+        _slidesPerView = 4;
+        _slidesPerViewBottom = 5;
+        _spaceBetween = 30;
+        _centeredSlides = false;
+        _lenght = 5;
+    }
  
  /* 함께 볼만한자료 슬라이드 */
  var detailswiper1 = new Swiper('.DetailSwiper1', {
@ -568,10 +566,7 @@ $(function(){
      slidesPerView: _slidesPerView,
      spaceBetween: _spaceBetween,
      centeredSlides: _centeredSlides,
-      autoplay: {
-          delay: 2500,
-          disableOnInteraction: false,
-      },
+      autoplay: false,
      navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
@ -599,10 +594,7 @@ $(function(){
     slidesPerView: _slidesPerViewBottom,
     spaceBetween: _spaceBetween,
     centeredSlides: _centeredSlides,
-     autoplay: {
-         delay: 2500,
-         disableOnInteraction: false,
-     },
+     autoplay: false,
     navigation: {
         nextEl: ".swiper-button-next",
         prevEl: ".swiper-button-prev",
--- a/src/main/webapp/css/default.css
+++ b/src/main/webapp/css/default.css
@ -5,7 +5,7 @@
 .skip-nav {position:fixed;left:0px;top:0px;z-index:999;display:inline-block;width:100%;}
 .skip-nav a {display:block;background:#333;color:#fff;font-size:14px;padding:5px 12px;border-radius:3px;letter-spacing:-1px;margin:3px 0px;position:absolute;top:0px;left:0px;z-index:0;width:140px;text-align:center;}
 .blind {display:none;}
-.wrap {display:inline-block;width:100%;min-width:1290px;}
+.wrap {display:inline-block;width:100%;min-width:auto;}
 .wrap header {position: fixed;top:0px;left:0px;width:100%;border-bottom:1px solid #999;background:rgba(0,0,0,0.4);z-index: 999;}
 .wrap header .inner {width:1400px;height:72px;margin:0 auto;}
 .wrap header .inner h1 {float:left;width:33.3%;text-align: left;}
--- a/src/main/webapp/css/media.css
+++ b/src/main/webapp/css/media.css
@ -64,8 +64,8 @@ a.pop-logo img { margin-right: 10px; }
 .data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .btn-hide { display: block; } 
 .pop-advanced-search .conditions-wrap h3 { margin-bottom: 10px; } 

-/*
-@media all and (min-width: 769px){
+
+@media all and (max-width: 1400px){
 .wrap header .inner {width:100%;}
 .wrap header .inner .search-wrap {width:40%;}
 .wrap header .inner .search-wrap .ark_query {width:120px;}
@ -73,7 +73,7 @@ a.pop-logo img { margin-right: 10px; }

 .mo-ver { display: block !important; } 
 .mo_tabs_wrap { width: 100%; overflow-y: auto; } 
-.wrap { position: relative; width: 100vw;min-width:auto;} 
+.wrap { position: relative; width: 100vw;} 
 .wrap.sub { padding-top: 73px; } 
 .wrap header { width: 100vw; padding: 0 16px; box-sizing: border-box; } 
 .wrap header .inner { width: auto; margin: 0; } 
@ -117,6 +117,7 @@ a.pop-logo img { margin-right: 10px; }
 .sec1 .inner .banner p:nth-of-type(2) {top:260px;}
 .MainSwiper .swiper-slide {height:400px;}
 .MainSwiper .swiper-slide .img {height:400px;}
+.MainSwiper .pagination {position: absolute;bottom: 100px;left: calc(50% - -423px);}
 .sec1 .inner .color-box {width:100vw;padding:0px 50px;box-sizing: border-box;top:-70px;}
 .sec1 .inner .color-box .list {height:150px;}
 .sec1 .inner .color-box .list .title {font-size:18px;margin:20px 0px 10px;}
@ -250,7 +251,7 @@ footer .family_site {right:10px;}
 
  .wrap .nav-wrap #primary-nav {display:none !important;opacity:0 !important;}
 }
-*/
+
 /* 모바일 가로, 테블릿 세로 (해상도 ~ 768px)*/
@media all and (max-width: 768px){
 .shortcuts {display:none;}
@ -304,7 +305,6 @@ footer .family_site {right:10px;}
 .MainSwiper .swiper-slide {height:400px;display: flex;flex-direction: column;justify-content: center;}
 .MainSwiper .swiper-slide .img {width:100%;height:100%;}
 .MainSwiper .swiper-slide .img img {object-fit:cover;width:100%;height:100%;}
- 
 .MainSwiper .pagination {bottom: 55px;left: calc(50% - -135px);}
 .sec1 .inner .color-box { width: 100vw; padding: 0 16px; box-sizing: border-box; top: -45px; } 
 .sec1 .inner .color-box .list { height: 85px; display: flex; align-items: center; flex-direction: column-reverse; } 
--- a/src/main/webapp/js/default.js
+++ b/src/main/webapp/js/default.js
@ -222,7 +222,7 @@ $(document).ready(function(){
            // Default settings
            var defaults = {
                responsive: true,
-                width: 768, // Responsive width
+                width: 1400, // Responsive width
                button: $(this).attr("id") + "-button", // Menu button id
                animation: {
                    // Menu animation