답변 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>
댓글을 작성하려면 로그인이 필요합니다.
충분히 가능합니다.
저 같으면 아래처럼 자바스크립트 배열로 만들어서 대응시킬 것 같네요.
secTime = [10, 5, 7, 3];
댓글을 작성하려면 로그인이 필요합니다.
순정엔 없고 별도 수정을 통해 가능은 할것 같습니다.
슬라이더 로드시 해당 인덱스 카운트 후 지연을 주는 방식으로..
https://www.inflearn.com/blogs/3749
위 예제중에서 마지막 부분 참고하셔서 제작하시면될것 같네요.
이해가 안되시면 의뢰로...
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인