search

joelambert / Flux-Slider

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

CSS3D transforms not recognized in IE10 #43

Open gpetrov opened 11 years ago

gpetrov commented 11 years ago

IE10 has now full support for CSS3D however the Flux slider does not recognize them I just tried the IE10 Preview for Windows 7

See also: http://blogs.msdn.com/b/ie/archive/2012/02/02/css3-3d-transforms-in-ie10.aspx

Greetings, George

joelambert commented 11 years ago

Hi George,

I'm aware of the issue and really want to get it sorted. Annoyingly my copy of Windows 8 seems to be corrupt & won't install so I need to try track down a new ISO.

The transition code should work, my guess is that the feature detection code isn't working on IE10.

It's on my list to fix unless someone else resolves it and sends a pull request before I get chance

Thanks

Joe

gpetrov commented 11 years ago

Hi Joe,

Thanks for the quick reply! Just do like me and install the IE10 preview on Windows 7, it was released yesterday.

Get it from: http://windows.microsoft.com/en-US/internet-explorer/downloads/ie-10/worldwide-languages

Hope you can find the problem and blog about it. Your blog posts are always very helpful to the rest of the developers!

Greetings, George

gpetrov commented 11 years ago

Hi Joe,

A bit more info. It seems that the IE10 CSS3D implementation is without prefixes and most importantly does not support the transform-style: preserve-3d

This can also cause some major problems. See:

http://msdn.microsoft.com/en-us/library/ie/hh673529(v=vs.85).aspx#the_ms_transform_style_property

Greetings, George

joelambert commented 11 years ago

Thanks for the update, Flux should already support all the CSS3 properties un-prefixed but I'll double check once I can get Win8 up and running.

Not supporting preserve-3d will likely be an issue for some of the 3D transitions though!

Airfly commented 11 years ago

I change domPrefixes to following in js file, and temporarily works for IE 10:

domPrefixes = ['Webkit','Moz','O','Ms','-webkit','-moz','-o','-ms','-webkit-','-moz-','-o-','-ms-',''];

ashearlam commented 10 years ago

Yeah i've just come across this issue. Typical IE.

Is there a way to tell the slider to operate differently if its used in IE?

I am presuming that its mainly the 3d effects that IE doesn't like. Is there a way to tell the slide to use the 2d effects when in IE? That would be a sweet workaround for me atm...

IE = HATE.