Disable pausing autoPlay on hover

[dom-turnbull]

As far as I can tell, it's not possible to disable this as yet.

Is this in the works? If it not, can it be added?

[desandro]

Pausing autoPlay on hover is a good pattern as it puts some level of control back to the user looking at the gallery. IMO, removing it would be an anti-pattern.

But I'm interested to hear what others think. If you would like to see this feature added to Flickity, +1 or subscribe to this issue.

[zslabs]

+1

A typical pattern for this could be if Flickity was used as a "full-page" background-slider for photography websites that you'd want to auto-cycle through. Not my personal preference, but a valid use-case nonetheless.

[remisture]

+1

[mickdekkers]

+1

[stuart-mccoy]

+1

[mbryne]

+1

Agree with @zslabs as that is the use case I have just come across.

A full sized video / image slider that should autoPlay (with bonus points for being able to toggle autoPlay programatically for when video starts playing, currently I am resorting to solution outlined here #94)

[mogholito]

+1

[limpa123]

+1

[halfempty]

+1

[jonnyhaynes]

+1

[PaoloFalomo]

+1

[notflip]

+1!

[elainen]

+1

[permanyer]

+1

[gorgoserio]

+1

[PaoloFalomo]

+1

[nicholas-c]

+1 only if it's an option and not default

[joshrounsville]

+1

[wekii]

+1

[chrishale]

+1

[nlfonseca]

+1

[fizzydigital]

+1

[tgadiot]

+1

[emidiotorre]

+1

[HammenWS]

+1

[michaelwoodruff]

IMO, removing it would be an anti-pattern

I agree, that it's an anti-pattern, although judging by the number of +1 it seems a lot of people want it.

[hardley]

+1

[akmur]

+1

[bootsified]

+1 Yes, it's an anti-pattern if the slider is part of the UI. I have a site, though, that uses the slider as a fullscreen background behind the content. I need to be able to disable the "pause on hover". It would be really nice to have the option, even though it would rarely get used.

[nvartolomei]

I agree that this is an anti pattern usually but when using flickity for full screen sliders this is an issue.

+1 👍

[ghost]

+1 for full screen sliders it would be really helpful.

[desandro]

Next version will have pauseAutoPlayOnHover option. Set this pauseAutoPlayOnHover: false to keep autoPlay playing on hover.

[richgcook]

@desandro I had a quick question. I have custom left/right nav set up which is 50% split over the image, so if you hover over the left and click, the slider proceeds previous and if you hover over the right the slider proceeds next. By having this, however, it seems to have voided the hover and pause function as there is a higher z-index container over the slider. Is there any way to call the pause method so I could bind it if the user hovers over the higher z-index container rather than the slider?

[desandro]

@richgcook Yes see metafizzy/flickity-docs#5 (comment) for the Player API

[desandro]

Flickity v1.1.2 has been released with pauseAutoPlayOnHover option. See pauseAutoPlayOnHover: false to keep autoPlay playing on hover. See demo http://codepen.io/desandro/pen/yeeQJK

Thanks for all the feedback on this issue. 🌈 🐻

[richgcook]

@desandro Amazing! Thanks!

[richgcook]

@desandro Ah right yes so I'd still need to use the Player API if I have custom left/right nav on a higher z-index over the slider. Be nice if you could add a selector to the pauseAutoPlayOnHover for example pauseAutoPlayOnHover: '.slider-navigation'. Thanks for all your help.

[dalvujovic]

Please ,when slide is clicked autoplay stops,i dont want that,how to make autoplay to work after clicking

[dicktornfeldt]

@dalvujovic I solved this by adding pointer-events: none to a wrapper div.

[luksak]

@dicktornfeldt that only works as long as you don't need to have anything clickable in the slideshow. In my case I have links that stop working with this approach.

Here is one that keeps the elements clickable:

flkty.on('click', () => {
  flkty('playPlayer');
});