jQuery Carousel

simple Carousel with jQuery

Build Status

Demo & Example

https://albert-cyberhulk.github.io/jQuery-Carousel/

Getting Started

Clone a Git repository using the command line.

Installation

Add jQuery Carousel to your project

npm

npm install jquery-cccarousel --save

or

bower

bower install jquery-cccarousel --save

add it to your HTML file

<script src="bower_components/jquery-cccarousel/dist/cc_script.min.js"></script>

or

<script src="node_modules/jquery-cccarousel/dist/cc_script.min.js"></script>

Install jQuery Carousel

The built version of jquery-carousel will be put in the dist/ directory, along with the minified copy.

Install npm packages

npm install

Install bower packages

bower install

Install Grunt cli as a global node module

npm install -g grunt-cli

To run dev server type in

grunt serve

To run unit tests type in

grunt test

To build production ready version type in

grunt build

Dependencies

Usage

You can change default settings

$.fn.ccCarousel.defaults = {
    clickTimer: 500, //setTimeout for click
    hoverTimer: 6000, //setTimeout for hover
    imageWidth: 330
}

There are 3 public methods for jQuery Carousel plugin slider

  • moveToLeft: moves slider to left
  • moveToRight: moves slider to right
  • stop: stops the slider

License

This plugin is available under the MIT license.