3Dcalrousel
Awesome 3D carousel plugin
Demo
https://websoldire.github.io/3Dcalrousel/
CDN
To start working with 3Dcalrousel right away, there's a couple of CDN choices availabile to serve the files as close, and fast as possible to your users:
- https://websoldire.github.io/3Dcalrousel/jquery.newCarousel.1.1.js
- https://websoldire.github.io/3Dcalrousel/jquery.newCarousel.css
Example using jsDelivr
Just add a link to the css file in your <head>
:
Then, before your closing <body>
tag add:
Contributing
PLEASE review CONTRIBUTING.markdown prior to requesting a feature, filing a pull request or filing an issue.
Html Settings
In 3Dcarousel 1.1 you need to follow this html structure
Example:
1 2 3 4 5 6 7 8 9 10 11 12 13 14
JavaScript setting and default options
;
Options
Name | default | description |
---|---|---|
auto | true | 3Dcarousel will auto play with this option |
timer | 1500 | Interval between slide change |
navigation | true | To genrate navigation button in 3Dcarousel |
prevText | "prev" | Add text into prev button |
nextText | "next" | Add text into next button |
swipe | true | Enable or desable swipe functionality |
infiniteLoop | true | 3Dcarousel will rotate infinite if this option is true |
zIndex | -100 | The z-index value of the fixed-position elements. By default these will be behind everything else on the page. |
axes | "x" | if set value "x" it will genrate horizonral carousel. And "y" will ganrate vartical carousel |
margin | 0 | Margin between each slide. |