Как сделать так, чтобы autoplay деактивировался в моменте, пока пользователь загружает файл?
jQuery(document).ready(function($) {
$('.slider').slick({
dots: true,
arrows: false,
slidesToShow:1,
autoplay: true,
});
});
.slide-s {
background: orange;
min-height: 100;
text-align: center;
}
.slide-s:nth-child(2) {
background: red;
}
.slide-s:nth-child(3) {
background: red;
}
<div class="slider">
<div class="slide-s">Выберите и отправьте файл:<br><input type="file"></div>
<div class="slide-s">Выберите и отправьте файл:<br><input type="file"></div>
<div class="slide-s">Выберите и отправьте файл:<br><input type="file"></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css" rel="stylesheet"/>
slickPause
иslickPlay