Blades 3D Responsive & Retina Ready Banner Rotator (Sliders)

BLADES 3D
Responsive and Retina Ready
CSS3 3D Transforms + CSS3 Transitions

Where 3D version is available

• Firefox
• Chrome
• Safari
• IE10
• iOS
• Android

Where fallback “classic” version will be shown

• IE8
• IE9
• Opera

Features

• Responsive (optional)
• Retina Ready (optional)
• Choose to use autoplay and set autoplay delay
• Automatically randomize the slide order
• Choose to turn off 3D flip beaviour and switch to “classic” mode
• Choose from one of 6 different flip rotations or cycle through them all
• Set “break-apart” thumb spacing
• Set the number of grid columns and rows
• Touch-swipe for mobile devices
• Use as many slogans that will fit
• Slogans support multiple lines and hyperlinks
• Use more than one banner on the same page
• jQuery free (no worrying about jQuery conflicts or having to update to the latest jQuery)
• Custom settings can be passed through either JavaScript or HTML attributes.

Special Notes

• When retina images are used, they will only be loaded on retina-ready screens.
• When responsive, the banner will only scale down, never up.
• Responsive behaviour is only available for mobile devices and modern browsers.
• When autoplay is chosen, on desktops, mouse-over will pause autoplay and mouse-out will restart it.
• When responsive, any slogans used will get stacked on top of each other so they fit.
• When responsive, if your slogans don’t fit, there’s an option to automatically hide them.
• IE10’s 3D horizontal flip is slightly different than other browsers due to the way it handles 3D.
• Left/Right buttons are CSS3 based and will appear differently in IE.
• Slides are image-based only (no video, etc.)
• Slogans use Google Fonts but this is optional

More works by CodingJack

Download Blades 3D Responsive & Retina Ready Banner Rotator (Sliders)