수정
This commit is contained in:
com02
parent
d7ac9c3045
commit
779615a227
@ -430,6 +430,47 @@ function fn_listPops(typeDivCd) {
|
||||
<button type="button" id="mo-member-btn" class="member-btn" onclick="fn_getMemberCard();">회원증 보러가기</button>
|
||||
</sec:authorize>
|
||||
<script>
|
||||
$(function(){
|
||||
$(window).resize(function() {
|
||||
|
||||
var windowWidth = $(window).width();
|
||||
var _slidesPerView = 5;
|
||||
var _slidesPerViewpopula = 4;
|
||||
var _slidesPerViewOnline = 7;
|
||||
var _spaceBetween = 30;
|
||||
var _lenght = 5;
|
||||
var _centeredSlides = false;
|
||||
var _loop = false;
|
||||
|
||||
if (windowWidth <= 3000) {
|
||||
_loop = false;
|
||||
_slidesPerView = 5;
|
||||
_slidesPerViewpopula = 4;
|
||||
_slidesPerViewOnline = 7;
|
||||
_spaceBetween = 30;
|
||||
_centeredSlides = false;
|
||||
_lenght = 1;
|
||||
}
|
||||
if (windowWidth <= 1400) {
|
||||
_loop = true;
|
||||
_slidesPerView = 3;
|
||||
_slidesPerViewpopula = 3;
|
||||
_slidesPerViewOnline = 3;
|
||||
_spaceBetween = 20;
|
||||
_centeredSlides = true;
|
||||
_lenght = 1;
|
||||
}
|
||||
if (windowWidth <= 480) {
|
||||
_loop = true;
|
||||
_slidesPerView = 1;
|
||||
_slidesPerViewpopula = 1;
|
||||
_slidesPerViewOnline = 1;
|
||||
_spaceBetween = 20;
|
||||
_centeredSlides = true;
|
||||
_lenght = 1;
|
||||
}
|
||||
|
||||
|
||||
/* 메인슬라이드 */
|
||||
var myswiper = new Swiper(".MainSwiper", {
|
||||
loop: true,
|
||||
@ -449,32 +490,10 @@ function fn_listPops(typeDivCd) {
|
||||
type: 'fraction',
|
||||
}
|
||||
});
|
||||
|
||||
var windowWidth = $(window).width();
|
||||
var _slidesPerView = 5;
|
||||
var _slidesPerViewpopula = 4;
|
||||
var _slidesPerViewOnline = 7;
|
||||
var _spaceBetween = 30;
|
||||
var _lenght = 5;
|
||||
|
||||
if (windowWidth < 1400) {
|
||||
_slidesPerView = 3;
|
||||
_slidesPerViewpopula = 2;
|
||||
_slidesPerViewOnline = 3;
|
||||
_spaceBetween = 20;
|
||||
_lenght = 1;
|
||||
}
|
||||
if (windowWidth < 480) {
|
||||
_slidesPerView = 1;
|
||||
_slidesPerViewpopula = 1;
|
||||
_slidesPerViewOnline = 1.5;
|
||||
_spaceBetween = 20;
|
||||
_lenght = 1;
|
||||
}
|
||||
|
||||
|
||||
/* 문화원s pick */
|
||||
var pickswiper = new Swiper('.pickSwiper', {
|
||||
loop : false,
|
||||
loop : _loop,
|
||||
slidesPerView : _slidesPerView,
|
||||
spaceBetween : _spaceBetween,
|
||||
centeredSlides : false,
|
||||
@ -505,10 +524,10 @@ function fn_listPops(typeDivCd) {
|
||||
|
||||
/* 온라인 자료관 */
|
||||
var onlineswiper = new Swiper('.onlineSwiper', {
|
||||
loop : false,
|
||||
loop : _loop,
|
||||
slidesPerView : _slidesPerViewOnline,
|
||||
spaceBetween : _spaceBetween,
|
||||
centeredSlides : false,
|
||||
centeredSlides : _centeredSlides,
|
||||
autoplay: {
|
||||
delay: 4000,
|
||||
disableOnInteraction: false,
|
||||
@ -536,7 +555,7 @@ function fn_listPops(typeDivCd) {
|
||||
|
||||
/* 인기자료 */
|
||||
var popularswiper = new Swiper('.popularSwiper', {
|
||||
loop: false,
|
||||
loop: _loop,
|
||||
slidesPerView : _slidesPerViewpopula,
|
||||
spaceBetween : _spaceBetween,
|
||||
autoplay : {
|
||||
@ -597,5 +616,9 @@ function fn_listPops(typeDivCd) {
|
||||
onlineswiper.autoplay.stop();
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
$(window).resize();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
@ -524,24 +524,48 @@ function goList(){
|
||||
|
||||
|
||||
<script>
|
||||
var windowWidth = $(window).width();
|
||||
var _slidesPerView = 4;
|
||||
var _lenght = 5;
|
||||
if (windowWidth < 1400) {
|
||||
_slidesPerView = 3;
|
||||
_lenght = 3;
|
||||
}
|
||||
if (windowWidth < 480) {
|
||||
_slidesPerView = 1;
|
||||
_lenght = 1;
|
||||
}
|
||||
$(function(){
|
||||
$(window).resize(function() {
|
||||
|
||||
var windowWidth = $(window).width();
|
||||
var _loop = false;
|
||||
var _slidesPerView = 4;
|
||||
var _slidesPerViewBottom = 5;
|
||||
var _spaceBetween = 30;
|
||||
var _centeredSlides = false;
|
||||
var _lenght = 5;
|
||||
|
||||
if (windowWidth <= 3000) {
|
||||
_loop = false;
|
||||
_slidesPerView = 4;
|
||||
_slidesPerViewBottom = 5;
|
||||
_spaceBetween = 30;
|
||||
_centeredSlides = false;
|
||||
_lenght = 3;
|
||||
}
|
||||
if (windowWidth <= 1400) {
|
||||
_loop = true;
|
||||
_slidesPerView = 3;
|
||||
_slidesPerViewBottom = 3;
|
||||
_spaceBetween = 30;
|
||||
_centeredSlides = true;
|
||||
_lenght = 3;
|
||||
}
|
||||
if (windowWidth <= 480) {
|
||||
_loop = true;
|
||||
_slidesPerView = 1;
|
||||
_slidesPerViewBottom = 1;
|
||||
_spaceBetween = 20;
|
||||
_centeredSlides = true;
|
||||
_lenght = 1;
|
||||
}
|
||||
|
||||
/* 함께 볼만한자료 슬라이드 */
|
||||
var detailswiper1 = new Swiper('.DetailSwiper1', {
|
||||
loop: false,
|
||||
loop: _loop,
|
||||
slidesPerView: _slidesPerView,
|
||||
spaceBetween: 30,
|
||||
centeredSlides: false,
|
||||
spaceBetween: _spaceBetween,
|
||||
centeredSlides: _centeredSlides,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
@ -566,25 +590,13 @@ function goList(){
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var _slidesPerViewBottom = 5;
|
||||
var _spaceBetween = 30;
|
||||
if (windowWidth < 1400) {
|
||||
_slidesPerView = 3;
|
||||
_lenght = 3;
|
||||
}
|
||||
if (windowWidth < 480) {
|
||||
_slidesPerViewBottom = 1.5;
|
||||
_spaceBetween = 20;
|
||||
_lenght = 1;
|
||||
}
|
||||
|
||||
/* 유사한 자료 슬라이드 */
|
||||
var detailswiper2 = new Swiper('.DetailSwiper2', {
|
||||
loop: false,
|
||||
loop: _loop,
|
||||
slidesPerView: _slidesPerViewBottom,
|
||||
spaceBetween: _spaceBetween,
|
||||
centeredSlides: true,
|
||||
centeredSlides: _centeredSlides,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
@ -629,4 +641,8 @@ function goList(){
|
||||
detailswiper2.autoplay.stop();
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
$(window).resize();
|
||||
});
|
||||
</script>
|
||||
@ -444,7 +444,7 @@ body.no-scroll {overflow: hidden;}
|
||||
.location .inner .row-top .location-box .loc li::before {content: '';background:url(/images/icon/icon-join-arr.png) no-repeat center;display:inline-block;width:20px;height:17px;position: absolute;top:0px;right:-12px;}
|
||||
.location .inner .row-top .location-box .loc li:last-child::before {display:none;}
|
||||
.location .inner .row-top .location-box .tit h2 {font-size:36px;color:#222;font-weight: 500}
|
||||
.location .inner .row-top .location-box .tit h2 span {font-size:22px;font-weight: 500;color:#376795;}
|
||||
.location .inner .row-top .location-box .tit h2 span {font-size:36px;font-weight: 500;color:#376795;}
|
||||
.location .inner .row-top .arr {display:inline-block;position: absolute;bottom:-12px;left:calc(50% - 13px);width:26px;height:26px;background:#6a6a6a;border-radius:50%;}
|
||||
.location .inner .row-top .arr img {vertical-align: middle;}
|
||||
|
||||
|
||||
@ -131,7 +131,7 @@ a.pop-logo img { margin-right: 10px; }
|
||||
.sec5 .inner .tab_content {width:96%;padding:30px 1.9%;}
|
||||
.sec5 .inner {width:100%;}
|
||||
.sec6 {padding:100px 2% 100px;}
|
||||
.sec6 .onlineSwiper {padding:1% 0% 12%;}
|
||||
.sec6 .onlineSwiper {padding:1% 10% 12%;width:80%;}
|
||||
.sec6 .inner .more-btn {right: 0%;}
|
||||
.sec6 .onlineSwiper .swiper-slide {background:none;box-shadow:0 0 0;}
|
||||
.sec6 .onlineSwiper::before {width:7%;box-shadow:0 0 0;}
|
||||
@ -400,6 +400,7 @@ footer .family_site {right:10px;}
|
||||
|
||||
/* 서브 공통 */
|
||||
.location .inner .row-top .location-box .tit h2 { font-size: 22px; }
|
||||
.location .inner .row-top .location-box .tit h2 span {font-size:22px;}
|
||||
.location .inner .row-top { padding: 25px 0px; margin-bottom: 50px; }
|
||||
|
||||
/* 회원가입 */
|
||||
@ -765,6 +766,8 @@ footer .family_site {right:10px;}
|
||||
.data.detail .inner .row-bottom .con-4 .top h3 { font-size: 18px; }
|
||||
.data.detail .inner .row-bottom .con-4 .top h3::before { top: 13px; width: 90%; left: 50%; transform: translate(-50%, 0%); }
|
||||
.data.detail .inner .row-bottom .con-4 .top h3::after { width: 162px; height: 27px; left: calc(50% - 81px); }
|
||||
.data.detail .inner .row-bottom .DetailSwiper1 {padding:1% 0% 12%;}
|
||||
.data.detail .inner .row-bottom .DetailSwiper2 {padding:1% 10% 12%;width:80%;}
|
||||
.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide { height: auto; }
|
||||
.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List,
|
||||
.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide .List .inner,
|
||||
|
||||
@ -653,6 +653,9 @@ $(document).ready(function() {
|
||||
$(function(){
|
||||
$(window).resize(function() {
|
||||
var width = $(window).width();
|
||||
if (width<=480) {
|
||||
|
||||
}
|
||||
if (width<=1399) {
|
||||
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user