ralfjuh Posted February 22, 2013 Share Posted February 22, 2013 Hello, I wonder how this website (https://prenames.nl/) has a slideshow, which rotates in Chrome, FF etc. But ones you go to IE, it fades instead of rotate. How to do this? I've been trying this for quite a while, but I can't seem to get it to work. Link to comment Share on other sites More sharing options...
justsomeguy Posted February 22, 2013 Share Posted February 22, 2013 It uses CSS animations and transformations. The classes affecting those items are .slideshow-item, .slideshow-item.hidden, and .slideshow-item.visible. You can check those classes to see the CSS properties that get applied. Link to comment Share on other sites More sharing options...
ralfjuh Posted February 23, 2013 Author Share Posted February 23, 2013 (edited) It uses CSS animations and transformations. The classes affecting those items are .slideshow-item, .slideshow-item.hidden, and .slideshow-item.visible. You can check those classes to see the CSS properties that get applied. Ok, so how to apply that it fades in IE? Cause I made it, it rotates in Chrome and FF. In IE it's messy. Edited February 23, 2013 by Ralf VanDamage Link to comment Share on other sites More sharing options...
ralfjuh Posted February 24, 2013 Author Share Posted February 24, 2013 Anyone? Link to comment Share on other sites More sharing options...
dsonesuk Posted February 25, 2013 Share Posted February 25, 2013 IE does not support animations such as rotate yet!, (don't know about the new beautiful crap IE10 browser), so you are stuck with showing the basic effects only, unless you can find a plugin, that will produce the same result, that will work in crappy IE as well. Link to comment Share on other sites More sharing options...
ralfjuh Posted February 25, 2013 Author Share Posted February 25, 2013 IE does not support animations such as rotate yet!, (don't know about the new beautiful crap IE10 browser), so you are stuck with showing the basic effects only, unless you can find a plugin, that will produce the same result, that will work in crappy IE as well. I know, but still, the link that I posted in my first post, when you check it out in FF, Chrome etc. it will rotate. When you view it in IE, it fades. How to do this? That's what I want to know.Cause the one I made rotates like it should, but tries to rotate in IE and it messes everything up. So I want it to rotate like it does in FF, Chrome etc. and in IE I want it to fade... Link to comment Share on other sites More sharing options...
justsomeguy Posted February 25, 2013 Share Posted February 25, 2013 I don't see any IE-only Javascript, so it looks like it is all in the CSS rules. There are MS-specific rules in there. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now