From 9401db50f5f93b577756256aa048952220bd3b3a Mon Sep 17 00:00:00 2001 From: com02 Date: Fri, 10 Dec 2021 17:06:42 +0900 Subject: [PATCH] sadfasdf --- src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp | 60 ++++++++----------- .../jsp/nlib/collection/searchItemDetail.jsp | 44 ++++++-------- src/main/webapp/css/default.css | 2 +- src/main/webapp/css/media.css | 10 ++-- src/main/webapp/js/default.js | 2 +- 5 files changed, 50 insertions(+), 68 deletions(-) diff --git a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp index 730e66e2..bc52525a 100644 --- 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', diff --git a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp index 7b340469..ba13075d 100644 --- 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", diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index d577735f..88f94820 100644 --- 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;} diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index 317c962a..a418baf9 100644 --- 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; } diff --git a/src/main/webapp/js/default.js b/src/main/webapp/js/default.js index 6a2608fe..a99060e8 100644 --- 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