joelambert / Flux-Slider

CSS3 Animation based image transitions
http://www.joelambert.co.uk/flux
Other
1.42k stars 285 forks source link

Swipe does not work on Firefox 14.0a1 (2012-03-21) #31

Open tomByrer opened 12 years ago

tomByrer commented 12 years ago

...all the other transitions work great!

tomByrer commented 12 years ago

Further testing: It does seem that Swipe does change the image internally; if you chose another effect after Swipe, the image Swipe chose flashes before the new transition.

joelambert commented 12 years ago

Thanks for the report, swipe uses the proprietary (non standard CSS3) -webkit-mask-image which is why its not working in Firefox.

Flux should however filter it out on Firefox but its obviously slipping through the net, I'll take a look at the feature detect methods.

tomByrer commented 12 years ago

Thanks for reply! Perhaps an "Webkit Only" icon next to the swipe button?

MatrixFr commented 11 years ago

Hi,

same here :(

i have firefox 22.0 and the swipe transition is the only one who don't works. It works when i test with Chrome.

No error pending on the console or in firebug.

what happen:

  1. when i click "swipe", nothing change
  2. if i click again, the next image come like we change the src image (i.e. no transition), it continue like this if click again and again.

if i click on one other transition and back on "swipe" after, we come back to the first case

swipe is very cool transition, i want to use it but i cant because its not cross browser for this time :(

No hope to debug this?

thx

ashish-rattan commented 11 years ago

Hi,

Just switch off the drag of image. Add:

draggable="false" unselectable="on" selectable="false" onselectstart="return false" ondrag="return false" ondragstart="return false" ondragend="return false" ondblclick="return false" onfocus="blur()"

to your img tag. These attributes force the image to avoid its dragging ability and swipe works.

This worked for me. Hope it will work for you too.

MatrixFr commented 11 years ago

There is no img tag on http://www.joelambert.co.uk/flux/. How can i process?