$(function () {
//메인슬라이드
var mainslide = new Swiper('#main_slide', {
pagination: {
el: ".main-pagination",
type: "fraction",
},
autoplay: {
delay: 3500,
disableOnInteraction: false,
},
speed: 1000,
navigation: {
nextEl: ".main-next",
prevEl: ".main-prev"
},
});
// $('.main_product_table > tbody > tr').not('.slick-initialized').slick({
// slidesToShow: 4, // 한 화면에 보여질 컨텐츠 개수
// slide: 'td',
// autoplay: true, // 자동 스크롤 사용 여부
// autoplaySpeed: 5000, // 자동 스크롤 시 다음으로 넘어가는데 걸리는 시간 (ms)
// });
/*
//메인슬라이드
$('#main-slider').slick({
slide: 'div', //슬라이드 되어야 할 태그 ex) div, li
fade: false,
infinite: true, //무한 반복 옵션
slidesToShow: 1, // 한 화면에 보여질 컨텐츠 개수
slidesToScroll: 1, //스크롤 한번에 움직일 컨텐츠 개수
speed: 1000, // 다음 버튼 누르고 다음 화면 뜨는데까지 걸리는 시간(ms)
lazyLoad: 'progressive',
arrows: true, // 옆으로 이동하는 화살표 표시 여부
dots: true, // 스크롤바 아래 점으로 페이지네이션 여부
autoplay: true, // 자동 스크롤 사용 여부
autoplaySpeed: 5000, // 자동 스크롤 시 다음으로 넘어가는데 걸리는 시간 (ms)
pauseOnHover: true, // 슬라이드 이동 시 마우스 호버하면 슬라이더 멈추게 설정
vertical: false, // 세로 방향 슬라이드 옵션
prevArrow: "", // 이전 화살표 모양 설정
nextArrow: "", // 다음 화살표 모양 설정
dotsClass: "slick-dots", //아래 나오는 페이지네이션(점) css class 지정
draggable: true, //드래그 가능 여부
});
*/
//갤러리슬라이드
$('.gallerybbs>tbody').addClass('swiper-container gallery-container');
$('.gallerybbs>tbody>tr').addClass('swiper-wrapper');
$('.gallerybbs>tbody>tr>td').addClass('swiper-slide');
var swiper1 = new Swiper('.gallery-container', {
slidesPerView: 4,
spaceBetween: 20,
slidesPerGroup: 1,
loop: true,
autoplay: true,
loopFillGroupWithBlank: true,
navigation: {
nextEl: '.board_prev',
prevEl: '.board_next',
},
breakpoints: {
575: {
slidesPerView: 6,
spaceBetween: 10,
},
768: {
slidesPerView: 3,
spaceBetween: 10,
},
1024: {
slidesPerView: 2,
spaceBetween: 20,
},
}
});
})