퍼블팀 script 추가요청 및 관심자료 수정

This commit is contained in:
JSYOO 2021-12-01 13:54:30 +09:00
parent e4775e6214
commit a8396b24ab
3 changed files with 227 additions and 216 deletions

View File

@ -389,141 +389,141 @@ function fn_listPops(typeDivCd) {
<sec:authorize access="isAuthenticated()"> <sec:authorize access="isAuthenticated()">
<button type="button" id="mo-member-btn" class="member-btn" onclick="fn_getMemberCard();">회원증 보러가기</button> <button type="button" id="mo-member-btn" class="member-btn" onclick="fn_getMemberCard();">회원증 보러가기</button>
</sec:authorize> </sec:authorize>
<script> <script>
/* 메인슬라이드 */ /* 메인슬라이드 */
var myswiper = new Swiper(".MainSwiper", { var myswiper = new Swiper(".MainSwiper", {
loop: true, loop: true,
slidesPerView: 1, slidesPerView: 1,
spaceBetween: 0, spaceBetween: 0,
centeredSlides: true, centeredSlides: true,
autoplay: { autoplay: {
delay: 4000, delay: 4000,
disableOnInteraction: false, disableOnInteraction: false,
}, },
navigation: { navigation: {
nextEl: ".swiper-button-next", nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev", prevEl: ".swiper-button-prev",
}, },
pagination: { pagination: {
el: '.pagination .swiper-pagination', el: '.pagination .swiper-pagination',
type: 'fraction', type: 'fraction',
} }
}); });
$('.remote').click(function () { $('.remote').click(function () {
if($(this).hasClass('restart')){ if($(this).hasClass('restart')){
$(this).removeClass('restart'); $(this).removeClass('restart');
myswiper.autoplay.start(); myswiper.autoplay.start();
}else{ }else{
$(this).addClass('restart'); $(this).addClass('restart');
myswiper.autoplay.stop(); myswiper.autoplay.stop();
} }
}); });
var windowWidth = $(window).width(); var windowWidth = $(window).width();
var _slidesPerView = 5; var _slidesPerView = 5;
var _slidesPerViewpopula = 4; var _slidesPerViewpopula = 4;
var _slidesPerViewOnline = 7; var _slidesPerViewOnline = 7;
var _spaceBetween = 30; var _spaceBetween = 30;
var _lenght = 5;
if (windowWidth < 1400) {
_slidesPerView = 3; if (windowWidth < 1400) {
_slidesPerViewpopula = 2; _slidesPerView = 3;
_slidesPerViewOnline = 3; _slidesPerViewpopula = 2;
_spaceBetween = 20; _slidesPerViewOnline = 3;
} _spaceBetween = 20;
if (windowWidth < 480) { _lenght = 1;
_slidesPerView = 1; }
_slidesPerViewpopula = 1; if (windowWidth < 480) {
_slidesPerViewOnline = 1.5; _slidesPerView = 1;
_spaceBetween = 20; _slidesPerViewpopula = 1;
} _slidesPerViewOnline = 1.5;
_spaceBetween = 20;
_lenght = 1;
/* 문화원s pick */ }
var swiper = new Swiper('.pickSwiper', {
loop : false, /* 문화원s pick */
slidesPerView : _slidesPerView, var swiper = new Swiper('.pickSwiper', {
spaceBetween : _spaceBetween, loop : false,
centeredSlides : false, slidesPerView : _slidesPerView,
autoplay : { spaceBetween : _spaceBetween,
delay : 2500, centeredSlides : false,
disableOnInteraction : false, autoplay : {
}, delay : 2500,
navigation : { disableOnInteraction : false,
nextEl : ".swiper-button-next", },
prevEl : ".swiper-button-prev", navigation : {
}, nextEl : ".swiper-button-next",
/* prevEl : ".swiper-button-prev",
pagination: { },
el: ".swiper-pagination", /*
clickable: true, pagination: {
}, el: ".swiper-pagination",
*/ clickable: true,
on: { },
init: function () { */
if (this.slides.length <= 5) { on: {
// First way: init: function () {
this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping if (this.slides.length <= _lenght) {
this.el.querySelector(".swiper-button-prev").style.visibility = "hidden"; // hiding arrows prev&next // First way:
this.el.querySelector(".swiper-button-next").style.visibility = "hidden"; this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
} this.el.querySelector(".swiper-button-prev").style.visibility = "hidden"; // hiding arrows prev&next
} this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
} }
}); }
}
/* 온라인 자료관 */ });
var swiper = new Swiper('.onlineSwiper', {
loop : true, /* 온라인 자료관 */
slidesPerView : _slidesPerViewOnline, var swiper = new Swiper('.onlineSwiper', {
spaceBetween : _spaceBetween, loop : true,
centeredSlides : true, slidesPerView : _slidesPerViewOnline,
// autoplay: { spaceBetween : _spaceBetween,
// delay: 4000, centeredSlides : true,
// disableOnInteraction: false, // autoplay: {
// }, // delay: 4000,
navigation : { // disableOnInteraction: false,
nextEl : ".swiper-button-next", // },
prevEl : ".swiper-button-prev", navigation : {
}, nextEl : ".swiper-button-next",
on: { prevEl : ".swiper-button-prev",
init: function () { },
if (this.slides.length <= 5) { on: {
// First way: init: function () {
this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping if (this.slides.length <= _lenght) {
this.el.querySelector(".swiper-button-prev").style.visibility = "hidden"; // hiding arrows prev&next // First way:
this.el.querySelector(".swiper-button-next").style.visibility = "hidden"; this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
} this.el.querySelector(".swiper-button-prev").style.visibility = "hidden"; // hiding arrows prev&next
} this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
} }
}); }
}
/* 인기자료 */ });
var swiper = new Swiper('.popularSwiper', {
loop: false, /* 인기자료 */
slidesPerView : _slidesPerViewpopula, var swiper = new Swiper('.popularSwiper', {
spaceBetween : _spaceBetween, loop: false,
autoplay : { slidesPerView : _slidesPerViewpopula,
delay : 2500, spaceBetween : _spaceBetween,
disableOnInteraction : false, autoplay : {
}, delay : 2500,
centeredSlides : false, disableOnInteraction : false,
pagination : { },
el : ".swiper-pagination", centeredSlides : false,
}, pagination : {
on: { el : ".swiper-pagination",
init: function () { },
if (this.slides.length <= 5) { on: {
// First way: init: function () {
this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping if (this.slides.length <= _lenght) {
//this.el.querySelector(".swiper-button-prev").style.visibility = "hidden"; // hiding arrows prev&next // First way:
//this.el.querySelector(".swiper-button-next").style.visibility = "hidden"; this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
this.querySelector(".swiper-pagination").style.visibility = "hidden"; //this.el.querySelector(".swiper-button-prev").style.visibility = "hidden"; // hiding arrows prev&next
} //this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
} this.querySelector(".swiper-pagination").style.visibility = "hidden";
} }
}); }
}
});
</script> </script>

View File

@ -50,21 +50,20 @@
}); // document ready }); // document ready
function selectAll(){ function selectAll(){
if($("#allChk").is(":checked") == false) if($("#allChk").prop("checked") == false)
{ {
$("#allChk").prop("checked", true); $("#allChk").prop("checked", true);
selectAllChk(); selectAllChk();
}else if($("#allChk").is(":checked") == true) }else if($("#allChk").prop("checked") == true)
{ {
$("#allChk").prop("checked", false); $("#allChk").prop("checked", false);
selectAllChk(); selectAllChk();
} }
chkCount();
} }
function chkCount() function chkCount()
{ {
$("input:checkbox[name = 'interestChk']").each(function() { $("input:checkbox[name = 'interestChk']").each(function() {
if($(this).is(":checked") == false) if($(this).prop("checked") == false)
{ {
$("#allChk").prop("checked", false); $("#allChk").prop("checked", false);
} }
@ -120,6 +119,7 @@
{ {
$("input:checkbox[name = 'interestChk']").prop("checked", true); $("input:checkbox[name = 'interestChk']").prop("checked", true);
} }
chkCount();
} }
//상세보기 //상세보기
@ -176,7 +176,7 @@
t_title += "<div class=\"t-cultural t-mo\">문화원</div>" t_title += "<div class=\"t-cultural t-mo\">문화원</div>"
t_title += "<div class=\"t-data t-mo\">자료정보</div>" t_title += "<div class=\"t-data t-mo\">자료정보</div>"
t_title += "<div class=\"t-btn t-mo\">이용</div>" t_title += "<div class=\"t-btn t-mo\">이용</div>"
t_title += "<div class=\"t-delete mo-ver\">선택삭제</div>" t_title += "<div class=\"t-delete mo-ver\" onclick=\"deleteInterests('multiple','');\">선택삭제</div>"
t_title += "</div>" t_title += "</div>"
t_title += "<li class=\"no-result\" style=\"display:none;\">" t_title += "<li class=\"no-result\" style=\"display:none;\">"
t_title += "<span>검색결과가 없습니다.</span>" t_title += "<span>검색결과가 없습니다.</span>"

View File

@ -395,81 +395,92 @@ function goList(){
<script> <script>
var windowWidth = $(window).width(); var windowWidth = $(window).width();
var _slidesPerView = 4; var _slidesPerView = 4;
if (windowWidth < 480) { var _lenght = 5;
_slidesPerView = 1; if (windowWidth < 1400) {
} _slidesPerView = 3;
_lenght = 3;
/* 함께 볼만한자료 슬라이드 */ }
var swiper = new Swiper('.DetailSwiper1', { if (windowWidth < 480) {
loop: false, _slidesPerView = 1;
slidesPerView: _slidesPerView, _lenght = 1;
spaceBetween: 30, }
centeredSlides: false,
autoplay: { /* 함께 볼만한자료 슬라이드 */
delay: 2500, var swiper = new Swiper('.DetailSwiper1', {
disableOnInteraction: false, loop: false,
}, slidesPerView: _slidesPerView,
navigation: { spaceBetween: 30,
nextEl: ".swiper-button-next", centeredSlides: false,
prevEl: ".swiper-button-prev", autoplay: {
}, delay: 2500,
/* disableOnInteraction: false,
pagination: { },
el: ".swiper-pagination", navigation: {
clickable: true, nextEl: ".swiper-button-next",
}, prevEl: ".swiper-button-prev",
*/ },
on: { /*
init: function () { pagination: {
if (this.slides.length <= 5) { el: ".swiper-pagination",
// First way: clickable: true,
this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping },
this.el.querySelector(".swiper-button-prev").style.visibility = "hidden"; // hiding arrows prev&next */
this.el.querySelector(".swiper-button-next").style.visibility = "hidden"; on: {
} init: function () {
} if (this.slides.length <= _lenght) {
} // First way:
}); this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
this.el.querySelector(".swiper-button-prev").style.visibility = "hidden"; // hiding arrows prev&next
this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
}
}
}
});
var _slidesPerViewBottom = 5; var _slidesPerViewBottom = 5;
var _spaceBetween = 30; var _spaceBetween = 30;
if (windowWidth < 480) { if (windowWidth < 1400) {
_slidesPerViewBottom = 1.5; _slidesPerView = 3;
_spaceBetween = 20; _lenght = 3;
}
if (windowWidth < 480) {
_slidesPerViewBottom = 1.5;
_spaceBetween = 20;
_lenght = 1;
}
/* 유사한 자료 슬라이드 */
var swiper = new Swiper('.DetailSwiper2', {
loop: true,
slidesPerView: _slidesPerViewBottom,
spaceBetween: _spaceBetween,
centeredSlides: true,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
/*
pagination: {
el: ".swiper-pagination",
clickable: true,
},
*/
on: {
init: function () {
if (this.slides.length <= _lenght) {
// First way:
this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
this.el.querySelector(".swiper-button-prev").style.visibility = "hidden"; // hiding arrows prev&next
this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
}
}
} }
});
/* 유사한 자료 슬라이드 */
var swiper = new Swiper('.DetailSwiper2', { </script>
loop: false,
slidesPerView: _slidesPerViewBottom,
spaceBetween: _spaceBetween,
centeredSlides: false,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
/*
pagination: {
el: ".swiper-pagination",
clickable: true,
},
*/
on: {
init: function () {
if (this.slides.length <= 1) {
// First way:
this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
this.el.querySelector(".swiper-button-prev").style.visibility = "hidden"; // hiding arrows prev&next
this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
}
}
}
});
</script>