question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

pauseOnHover should pause slicks synced using asNavFor

See original GitHub issue

Hello, Is there an equivalent to pauseOnDotsHover: true when using the setting asNavFor? https://jsfiddle.net/meneldil/scv15hh0/

Thanks in advance. 😉

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:7

github_iconTop GitHub Comments

3reactions
voodoodlecommented, Apr 26, 2018

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.

0reactions
anmol950915commented, Dec 8, 2022

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/

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found