New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Feature request: Initial Delay #776
Comments
Here, I'll even take the opportunity to improve your UX 😉 $(".slider").slick({
autoplay: true,
autoplaySpeed: 1000
}).slickPause();
var initialDelay = 3000;
$(document).one("mousemove touchstart", function() {
setTimeout(function() {
$(".slider").slickPlay();
},initialDelay);
}); here's a JSFiddle to show you how: http://jsfiddle.net/p36wbk44/1/ 💋 |
Guys, doesn't seem to work anymore in jsfiddle? |
That's because the API methods changed. The logic is still sound. $(".slider").slick({
autoplay: true,
autoplaySpeed: 1000
}).slick("pause");
var initialDelay = 3000;
$(document).one("mousemove touchstart", function() {
setTimeout(function() {
$(".slider").slick("play");
},initialDelay);
}); |
Method names changed. Currently it should look like: var slider = $('.slider');
slider.slick({
autoplay: true,
autoplaySpeed: 1000
}).slick("slickPause");
var initialDelay = 3000;
setTimeout(function() {
slider.slick("slickPlay");
},initialDelay); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I like this feature in other carousels/cycles. New option, delay. Number. An initial timeout that runs before you kick off your auto advance autoPlayTimer interval.
Use case is on page load, users need a few second(s) to orient themselves before a slider interval should kick in.
The text was updated successfully, but these errors were encountered: