dang-jssor

An AngularJS directive for the powerful JSSOR slider plugin, jssor.com

##Why?

dang-jssor was created to make it easy to use the powerful jssor slider in angular applications.

This component depends on the official jssor distribution, available on both jssor.com and the bower repository, bower.io, where it is known as jssor-slider.

##Usage

1. Add a slides-container class to your jssor slides container.
2. Add the enable-jssor directive to the container.
3. Add a jssor-options attribute to the container. The attribute's value must be a scope variable initialized with an object that represents your slider options.
4. Add a jssor-trigger attribute to the container. The value of this attribute must be 'true' or 'false'. A value of 'true' activates the jssor directive. Otherwise, it remains deactivated.

Example:

<div class="slides-container" enable-jssor jssor-options="scope-object-variable" jssor-trigger='true'>
    <div u="slides">
        <div> ... </div>
        <!-- Other slides here -->
    </div>
    <!-- Other slider configuration UI definition here -->
</div>

See the demo page hosted here. The source of this demo is available here in this repository.

##Build

The build system depends on Node.js, and bower npm package. Install this before running the following commands:

1. Install grunt and its dependencies

   npm install

2. Install bower dependencies

   bower install

3. Build

   grunt

##License

MIT License