fairnet/src/main/webapp/kofair_case_seed/usr/scripts/index.js

131 lines
2.7 KiB
JavaScript

$(function () {
// 팝업 slide slick 으로
var popupswiper = new Swiper(".popup_slide", {
slidesPerView: 1,
spaceBetween: 25,
loop: false,
pagination: {
el: ".popup_number",
type: "fraction",
},
navigation: {
nextEl: ".popup_next",
prevEl: ".popup_prev",
},
breakpoints: {
768: {
slidesPerView: 2,
spaceBetween: 20,
},
1300: {
slidesPerView: 3,
spaceBetween: 25,
}
},
});
$(".btn_all_close").click(function () {
$(".popup_area").hide();
popupswiper.disable();
});
/*
// 슬라이드 삭제.
// 팝업 slide slick 으로 / swiper는 슬라이드 삭제 시 오류 발생
$(".popup_slide").slick({
slidesToShow: 2,
slidesToScroll: 1,
speed: 500,
accessibility: false,
infinite: false,
centerMode: false,
variableWidth: false,
responsive: [{
breakpoint: 768,
settings: {
arrows: true,
accessibility: false,
infinite: false,
centerMode: false,
variableWidth: false,
centerPadding: '0px',
slidesToShow: 1,
}
},
{
breakpoint: 1200,
settings: {
arrows: true,
accessibility: false,
infinite: false,
centerMode: false,
variableWidth: false,
centerPadding: '30px',
slidesToShow: 1,
}
}
]
});
$(".btn_all_close").click(function(){
$(".popup_area").hide();
$('.popup_slide').slick('unslick');
});*/
var swiper = new Swiper(".case_list", {
slidesPerView: 4,
spaceBetween: 25,
loop: false,
navigation: {
nextEl: ".case_content .btn_next",
prevEl: ".case_content .btn_prev",
},
breakpoints: {
280: {
slidesPerView: 1,
spaceBetween: 0,
},
1200: {
slidesPerView: 4,
spaceBetween: 25,
}
},
});
var swiper = new Swiper(".banner_slide", {
slidesPerView: 6,
spaceBetween: 25,
loop: true,
navigation: {
nextEl: ".banner_contents .btn_next",
prevEl: ".banner_contents .btn_prev",
},
breakpoints: {
320: {
slidesPerView: 2,
spaceBetween: 0,
},
1200: {
slidesPerView: 6,
spaceBetween: 25,
}
}
});
$(".notice_content .tab").click(function () {
$(this).addClass("active");
$(this).siblings(".tab").removeClass("active");
$(this).next(".tab_content").addClass("active");
$(this).next(".tab_content").siblings(".tab_content").removeClass('active');
})
})