$(function(){ $(".main-visual-slide").each(function () { var $visualSlide = $(this); var $visualSlideItem = $(this).find(".main-visual-item"); var visualNum = $visualSlideItem.length; var $visualControls = $(".main-visual-controls"); $visualControls.find('.paging-controls .total').text(visualNum); $visualSlide.on('init', function(event, slick) { $(".main-visual-con .slick-dots").find("li").eq(0).addClass("active-item"); }); $visualSlide.on('beforeChange', function(event, slick, currentSlide, nextSlide) { $(".main-visual-con .slick-dots").find('li').removeClass("active-item"); $(this).find(".slick-dots").find("li").eq(nextSlide).addClass("active-item"); $visualControls.find('.paging-controls .cur').text(nextSlide + 1); }) $visualSlide.slick({ slidesToShow:1, autoplay:false, infinity:true, speed:1000, dots: true, arrows: true, prevArrow: '.main-visual-controls .prev-btn', nextArrow: '.main-visual-controls .next-btn', }) }) /* MAIN PRODUCT SLIDE : NOT OUTPUT */ $(".main-product-list").each(function () { var $productSlide = $(this); $productSlide.slick({ slidesToShow:1, infinity:true, speed:1000, dots: false, arrows: true, responsive: [ { breakpoint: 1240, settings: { slidesToShow:1, dots: true, arrows: false, } }, { breakpoint: 650, settings: { slidesToShow:1, dots: true, arrows: false, } } ] }) }) })