스크립트에서 전환되는 방법 수정이요~
본문
$(document).ready(function(){
$('.main_location_slide').slick({
slidesToShow: 1,
centerPadding: "0",
dots: true,
arrows: true,
centerMode: true,
autoplay: true,
speed: 800,
pauseOnHover: false,
pauseOnFocus: false,
autoplaySpeed: 3000,
responsive: [
{
breakpoint: 1700,
settings: {
centerPadding: "0",
}
},
{
breakpoint: 1600,
settings: {
slidesToShow: 1,
centerPadding: "0",
}
},
{
breakpoint: 1500,
settings: {
slidesToShow: 1,
centerPadding: "0",
}
},
{
breakpoint: 1400,
settings: {
slidesToShow: 1,
centerPadding: "0",
}
},
{
breakpoint: 1300,
settings: {
slidesToShow: 1,
centerPadding: "0",
}
},
{
breakpoint: 1200,
settings: {
slidesToShow: 1,
centerPadding: "0",
}
},
{
breakpoint: 1024,
settings: {
slidesToShow: 1,
centerPadding: "0",
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 1,
centerPadding: "0",
}
}
]
});
var mainlocationSlideLength = $('.main_location_slide .slick-dots li').length,
mainlocationSlideDotsWidth = (1 / mainlocationSlideLength) * 100 + "%";
$('.main_location_slide .slick-dots li').css({
"width": mainlocationSlideDotsWidth
});
$('.main_location_slide').on('breakpoint', function(event, slick){
var mainlocationSlideLength = $('.main_location_slide .slick-dots li').length,
mainlocationSlideDotsWidth = (1 / mainlocationSlideLength) * 100 + "%";
$('.main_location_slide .slick-dots li').css({
"width": mainlocationSlideDotsWidth
});
});
});
현재 슬라이드 형태로 되어 있는데 fade 형태로 바꿀려면 어떻게 해야 하나요?
답변을 작성하시기 전에 로그인 해주세요.