slick 슬라이더 autoplay 시간을 각각 설정할수있나요? ​ 첫장은 10초 2장은 5초 이런식으로요.. 각각

slick 슬라이더 autoplay 시간을 각각 설정할수있나요? ​ 첫장은 10초 2장은 5초 이런식으로요.. 각각

QA

slick 슬라이더 autoplay 시간을 각각 설정할수있나요? ​ 첫장은 10초 2장은 5초 이런식으로요.. 각각

본문

slick 슬라이더 autoplay 시간을 각각 설정할수있나요?

첫장은 10초 2장은 5초 이런식으로요.. 각각

이 질문에 댓글 쓰기 :

답변 3


<script>
$(function() {
    $s = $(".slider");
    $s.slick({
        autoplay: true,
        autoplaySpeed: 1000,
        dots: false,
        infinite: true,
        slidesToShow: true,
        prevArrow: false,
        nextArrow: false,
    }).on("afterChange", function(e, s) {
        var time = $(s.$slides.get(s.currentSlide)).data("time");
        $s.slick("setOption", "autoplaySpeed", time);
    });
});
</script>

<div class="slider">
    <div data-time="500">나는 0.5초 후에...</div>
    <div data-time="4000">나는 4초 후에...</div>
    <div data-time="1000">나는 1초 후에...</div>
    <div data-time="1000">나는 1초 후에...</div>
</div>

http://exam.dothome.co.kr/temp/wrid_514071.html

순정엔 없고 별도 수정을 통해 가능은 할것 같습니다.

슬라이더 로드시 해당 인덱스 카운트 후 지연을 주는 방식으로..

https://www.inflearn.com/blogs/3749

위 예제중에서 마지막 부분 참고하셔서 제작하시면될것 같네요.

 

이해가 안되시면 의뢰로...

답변을 작성하시기 전에 로그인 해주세요.
전체 1,020
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT