Back to packageRELEASE DETAILS

0.0.2

npm

3dcarousel

d jquery carousel

Published20 Mar 2017

Direct dependencies0

Transitive dependenciesNot calculated

README

Current package documentation

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:

#####Example using jsDelivr

Just add a link to the css file in your <head>:

<link rel="stylesheet" type="text/css" href="newCarousel.css">
<script src="jquery.touchSwipe.min.js"></script>
<script src="jquery.newCarousel.1.1.js"></script>

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:

<div class="container">
    <div class="box">
        <figure><div class="one">1</div></figure>
        <figure><div class="two">2</div></figure>
        <figure><div class="three">3</div></figure>
        <figure><div class="four">4</div></figure>
        <figure><div class="five">5</div></figure>
        <figure><div class="six">6</div></figure>
        <figure><div class="six">7</div></figure>
        <figure><div class="six">8</div></figure>
        <figure><div class="six">9</div></figure>
        <figure><div class="six">10</div></figure>
        <figure><div class="six">11</div></figure>
        <figure><div class="six">12</div></figure>
        <figure><div class="six">13</div></figure>
        <figure><div class="six">14</div></figure>
    </div>
</div>

JavaScript setting and default options


    $(".container").carousel({
        timer:1500,
        auto:true,
        navigation:true,
        prevText:"prev",
        nextText:"next",
        swipe:true,
        infiniteLoop:true,
        axes:"y",
        margin:0 
    });

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.

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 0

Native requirements

0 direct targetsNot calculated transitive count

No declared dependencies in this collected response

Declarations describe requirements; they are not a resolved dependency graph.

Distribution files

1 collected

Distribution 1

Source distribution

Source file

Checksums from source

{
  "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="
    }
  ]
}

Repository

PENDING

websoldire/3dcalrousel

Shared repository data · GitHub

License detected in repository: Not collected

Metadata history

Meaningful changes

Current collected state Current

Observed since 20 Oct, 19:39 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:9772c60fc714dd41061e4fbe970e4dbdb1da076572a003563e56ca05ef716cf2

Other collected versions

0.0.320 Mar View all collected versions →