{"_id":"3dcarousel","_rev":"5-c25b77753ebfe2ceb0edcc8284fed592","name":"3dcarousel","time":{"modified":"2022-06-12T14:07:22.859Z","created":"2017-03-20T11:03:59.176Z","0.0.1":"2017-03-20T11:03:59.176Z","0.0.2":"2017-03-20T11:08:43.532Z","0.0.3":"2017-03-20T11:23:03.970Z"},"maintainers":[{"name":"parthjasani7","email":"parth.jasani7@gmail.com"}],"dist-tags":{"latest":"0.0.3"},"description":"d jquery carousel","readme":"# 3Dcalrousel\r\n\r\n-------\r\n_Awesome 3D carousel plugin_\r\n\r\n#### Demo\r\n\r\n[https://websoldire.github.io/3Dcalrousel/](https://websoldire.github.io/3Dcalrousel/)\r\n\r\n#### CDN\r\n\r\nTo start working with 3Dcalrousel right away, there's a couple of CDN choices availabile\r\nto serve the files as close, and fast as possible to your users:\r\n\r\n- https://websoldire.github.io/3Dcalrousel/jquery.newCarousel.1.1.js\r\n- https://websoldire.github.io/3Dcalrousel/jquery.newCarousel.css\r\n\r\n#####Example using jsDelivr\r\n\r\nJust add a link to the css file in your `<head>`:\r\n```html\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"newCarousel.css\">\r\n<script src=\"jquery.touchSwipe.min.js\"></script>\r\n<script src=\"jquery.newCarousel.1.1.js\"></script>\r\n```\r\n\r\nThen, before your closing ```<body>``` tag add:\r\n\r\n\r\n#### Contributing\r\n\r\nPLEASE review CONTRIBUTING.markdown prior to requesting a feature, filing a pull request or filing an issue.\r\n\r\n### Html Settings\r\n\r\nIn 3Dcarousel 1.1 you need to follow this html structure \r\n\r\nExample:\r\n\r\n```html\r\n<div class=\"container\">\r\n    <div class=\"box\">\r\n        <figure><div class=\"one\">1</div></figure>\r\n        <figure><div class=\"two\">2</div></figure>\r\n        <figure><div class=\"three\">3</div></figure>\r\n        <figure><div class=\"four\">4</div></figure>\r\n        <figure><div class=\"five\">5</div></figure>\r\n        <figure><div class=\"six\">6</div></figure>\r\n        <figure><div class=\"six\">7</div></figure>\r\n        <figure><div class=\"six\">8</div></figure>\r\n        <figure><div class=\"six\">9</div></figure>\r\n        <figure><div class=\"six\">10</div></figure>\r\n        <figure><div class=\"six\">11</div></figure>\r\n        <figure><div class=\"six\">12</div></figure>\r\n        <figure><div class=\"six\">13</div></figure>\r\n        <figure><div class=\"six\">14</div></figure>\r\n    </div>\r\n</div>\r\n```\r\n\r\n\r\n### JavaScript setting and default options\r\n```javascript\r\n\r\n    $(\".container\").carousel({\r\n        timer:1500,\r\n        auto:true,\r\n        navigation:true,\r\n        prevText:\"prev\",\r\n        nextText:\"next\",\r\n        swipe:true,\r\n        infiniteLoop:true,\r\n        axes:\"y\",\r\n        margin:0 \r\n    });\r\n    \r\n    \r\n```\r\n\r\n### Options\r\n\r\n<table class=\"table table-bordered table-striped\">\r\n\t<thead>\r\n\t\t<tr>\r\n\t\t\t<th style=\"width: 100px;\">Name</th>\r\n\t\t\t<th style=\"width: 50px;\">default</th>\r\n\t\t\t<th>description</th>\r\n\t\t</tr>\r\n\t</thead>\r\n\t<tbody>\r\n\t\t<tr>\r\n\t\t\t<td>auto</td>\r\n\t\t\t<td>true</td>\r\n\t\t\t<td>3Dcarousel will auto play with this option</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>timer</td>\r\n\t\t\t<td>1500</td>\r\n\t\t\t<td>Interval between slide change</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>navigation</td>\r\n\t\t\t<td>true</td>\r\n\t\t\t<td>To genrate navigation button in 3Dcarousel</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>prevText</td>\r\n\t\t\t<td>\"prev\"</td>\r\n\t\t\t<td>Add text into prev button</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>nextText</td>\r\n\t\t\t<td>\"next\"</td>\r\n\t\t\t<td>Add text into next button</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>swipe</td>\r\n\t\t\t<td>true</td>\r\n\t\t\t<td>Enable or desable swipe functionality</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>infiniteLoop</td>\r\n\t\t\t<td>true</td>\r\n\t\t\t<td>3Dcarousel will rotate infinite if this option is true</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>zIndex</td>\r\n\t\t\t<td>-100</td>\r\n\t\t\t<td>The z-index value of the fixed-position elements.  By default these will be behind everything else on the page.</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>axes</td>\r\n\t\t\t<td>\"x\"</td>\r\n\t\t\t<td>if set value \"x\" it will genrate horizonral carousel. And \"y\" will ganrate vartical carousel</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>margin</td>\r\n\t\t\t<td>0</td>\r\n\t\t\t<td>Margin between each slide.</td>\r\n\t\t</tr>\r\n\t</tbody>\r\n</table>\r\n","versions":{"0.0.2":{"name":"3dcarousel","version":"0.0.2","description":"d jquery carousel","main":"jquery.newCarousel.1.1.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/webSoldire/3dcalrousel.git"},"keywords":["3dcarousel"],"author":{"name":"parth jasani"},"license":"MIT","bugs":{"url":"https://github.com/webSoldire/3dcalrousel/issues"},"homepage":"https://github.com/webSoldire/3dcalrousel#readme","gitHead":"1128342b9d44804ae73dabeeb6d202d266430b3c","_id":"3dcarousel@0.0.2","_shasum":"4021cc477ac3fa1ca7a6ebe1ed8f0f3417f06e07","_from":".","_npmVersion":"2.15.9","_nodeVersion":"4.5.0","_npmUser":{"name":"parthjasani7","email":"parth.jasani7@gmail.com"},"dist":{"shasum":"4021cc477ac3fa1ca7a6ebe1ed8f0f3417f06e07","tarball":"https://registry.npmjs.org/3dcarousel/-/3dcarousel-0.0.2.tgz","integrity":"sha512-7CvFPQ98UvtF/7nT0iPun6cpUaoHCTZT+z8GWduV/i33ogE9WtN3N2s1UVrIDFASB/uIHsHUXkvXROgvDLzhfQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIELUUUOcY202WOLC41C68ERR8kIuLDggChHOFDKNUfBnAiEA8n0fScX79EL3mN3qXPnw2lIesGLI8Xgoy+qSq5esY+4="}]},"maintainers":[{"name":"parthjasani7","email":"parth.jasani7@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/3dcarousel-0.0.2.tgz_1490008122991_0.43920176825486124"}},"0.0.3":{"name":"3dcarousel","version":"0.0.3","description":"d jquery carousel","main":"jquery.newCarousel.1.1.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/webSoldire/3dcalrousel.git"},"keywords":["3dcarousel"],"author":{"name":"parth jasani"},"license":"MIT","bugs":{"url":"https://github.com/webSoldire/3dcalrousel/issues"},"homepage":"https://github.com/webSoldire/3dcalrousel#readme","gitHead":"470b47ba43110acd9385ed0a4942ddf96436bb80","_id":"3dcarousel@0.0.3","_shasum":"886160c8ca4ac46670ad74b8997a88f937296573","_from":".","_npmVersion":"2.15.9","_nodeVersion":"4.5.0","_npmUser":{"name":"parthjasani7","email":"parth.jasani7@gmail.com"},"dist":{"shasum":"886160c8ca4ac46670ad74b8997a88f937296573","tarball":"https://registry.npmjs.org/3dcarousel/-/3dcarousel-0.0.3.tgz","integrity":"sha512-xmXGqVnU8/EP/5ThMBR7xy5I6v7YUipCHBHwjSLlwWZZt3iGn/LA3Cy3s7VAFk5NnbS92/qfI8cJGLjtOJeLHw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDB+/mo1wvylhJ0QW3WhQbLQ2Kz0Mwh7bPBMWMSTQS7VQIhANxyuooPcSto/5MAl25BtxmbmwcnJ2QH2Td9Ahs4zQuj"}]},"maintainers":[{"name":"parthjasani7","email":"parth.jasani7@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/3dcarousel-0.0.3.tgz_1490008982064_0.18856633454561234"}}},"homepage":"https://github.com/webSoldire/3dcalrousel#readme","keywords":["3dcarousel"],"repository":{"type":"git","url":"git+https://github.com/webSoldire/3dcalrousel.git"},"author":{"name":"parth jasani"},"bugs":{"url":"https://github.com/webSoldire/3dcalrousel/issues"},"license":"MIT","readmeFilename":"README.md"}