Home / Premium Pro Plugins / CodingJack’s 3D Carousel

CodingJack’s 3D Carousel

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...Loading...



DOWNLOAD

-> WORDPRESS VERSION ALSO AVAILABLE

  • Actual 3D utilizing CSS3 3D Transforms
  • 3D Carousel will probably be proven on Chrome, Firefox, Safari, iOS and Android
  • A grid fallback will probably be displayed for IE (see screenshot under or take a look at the preview in one in all these browsers to view a stay preview of the grid fallback)

Tablets and Telephones with Contact Swipe

The carousel is supported on iOS and Android and consists of contact swipe performance. It seems to be nice on a pill and can even work on a smartphone. However as a result of the carousel can seem small on smaller screens, I’ve included two particular choices for smartphones:

  • Choice to show a thumbnail grid as an alternative (the “fallback” presentation)
  • Choice to remodel the grid fallback right into a structure. View both preview out of your telephone for an instance.

Customizable Choices Embody

  • Select to “auto spin” the carousel.
  • Toggle the preliminary “zoom/spin” animation on and off
  • Toggle the HTML5 Canvas “shine” hover impact on and off
  • Select to make use of picture reflections
  • Customise the 3D values proven within the previews
  • Set the autoplay pace in addition to the mouse interplay pace
  • Merchandise captions are optionally available
  • Select to auto-show merchandise captions
  • Hyperlinking is optionally available

jQuery Carousel

Grid Fallback for IE

Applied sciences Used

  • HTML5
  • CSS3
  • jQuery
  • Jacked
  • HTML5 Shiv
  • Icons courtesy of Navdeep Raj

Particular Notes

  • CSS3 3D continues to be thought-about experimental know-how by the key browsers. The settings that may be adjusted within the preview proven right here display the completely different seems to be you possibly can create. However in the event you want to create a glance that may’t be recreated within the preview (i.e. have a carousel with 100 objects, and so forth.), please needless to say we’re certain by the know-how’s limitations, and that there isn’t any assure the actual settings you want to use will enable for a clean carousel expertise.
  • Though IE10+ helps some components of CSS3 3D, vital components which might be wanted for the carousel to work usually are not supported (particularly, transform-style: preserve-3d;). When IE10+ provides help for this I’ll replace the carousel. Till then all variations of IE, together with IE10+ will show the fallback grid.
  • The preview proven right here on CodeCanyon with all of the carousel controls just isn’t included with the obtain supply, but when for some purpose you assume having these controls is vital on your web site guests, be happy to ship me an e-mail from my profile web page and I’ll ship you the preview’s supply information.
  • Photos used within the preview are for demonstration objective solely and usually are not included within the obtain supply
  • That is NOT a WordPress Plugin

Extra works by CodingJack

jQuery Gallery

jQuery Banner Rotator

jQuery Banner Rotator

DOWNLOAD

Check Also

celebration-cards.png

Celebration Cards – iOS Swift App

DOWNLOAD This entire app written in Swift 2.zero brings to the customers a celebration playing ...

inline_2.jpg

The Grid for WordPress

DOWNLOAD The Grid for WordPress is the grid builder for any web site admin. From ...