pauseOnHover should pause slicks synced using asNavFor
See original GitHub issueHello,
Is there an equivalent to pauseOnDotsHover: true
when using the setting asNavFor
?
https://jsfiddle.net/meneldil/scv15hh0/
Thanks in advance. 😉
Issue Analytics
- State:
- Created 7 years ago
- Comments:7
Top Results From Across the Web
Custom nav with slick slider going out of sync with carousel ...
Essentially when you're on the cloned slides, when it skips through to the original slides the nav goes back into sync. How can...
Read more >slick - the last carousel you'll ever need - Ken Wheeler
Hi there. I'm using slick in my vue js project. Having some troubles. When slick is cloning elements can't clone event listeners. How...
Read more >slickR.pdf
Description Create and customize interactive carousels using the 'Slick' 'JavaScript' library and the. 'htmlwidgets' package. The carousels can ...
Read more >Slider Syncing (AsNavFor) - React Slick Documentation
The last react carousel you will ever need.
Read more >Slick Carousel | TheDir - New Start Homes
Attributes Default Description
accessibility true Enables tabbing and arrow key navigation
autoplay false Enables Autoplay
autoplaySpeed 3000 Autoplay Speed in milliseconds
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Is there any update on this? Should I start another thread about this?
I don’t understand how the “custom paging” method mentioned above would work - can you point me in the right direction?
IMHO - I definitely think that the default behavior for pauseOnHover should be to pause all synced sliders when any of them are hovered.
Thanks for a fantastic slider, btw.
Here is the working solution to this problem finally - If in case you want autoplay to stop when you hover around the slider-nav carousel is below .You can modify it to stop autoplay on hover around the slider-for as well. Once you remove your mouse from the hover area of the carousel section, autplay starts again.
$(‘.slider-nav’).on(‘mouseover’,function() { $(‘.slider-nav’).slick(‘slickSetOption’, { autoplay: false }, true); $(‘.slider-for’).slick(‘slickSetOption’, { autoplay: false }, true); });
$(‘.slider-nav’).on(‘mouseout’,function() { $(‘.slider-nav’).slick(‘slickSetOption’, { autoplay: true }, true); $(‘.slider-for’).slick(‘slickSetOption’, { autoplay: true }, true); });
https://jsfiddle.net/anmol950915/tjmb1swe/40/