jquery-slideview
JQuery Slider Component
Usage
$(".slideview").slideview({ nextButton: '.slideview-next', prevButton: '.slideview-prev', pagination: '.slideview-pagination' });<div class="slideview"> <div class="slideview-content"> <div class="slide"> Slide 1 </div> <div class="slide"> Slide 2 </div> <div class="slide"> Slide 3 </div> <a class="slideview-button slideview-prev"></a> <a class="slideview-button slideview-next"></a> <div class="slideview-pagination"></div> </div>Options
<tr> <td>nextButton</td> <td>Next Button selector or markup</td> </tr> <tr> <td>prevButton</td> <td>Previous Button selector or markup</td> </tr> | Name | Description |
|---|---|
| buttonDisabledClass | CSS Class to add to a disabled next- or previous-button |
| contentSelector | Scroll container selector. Defaults to `> .slideview-content` |
| scrollStyle | Specify which style to use for scroll motion. Can be one of `position` or `transform`.* |
| pagination | Pagination container selector or markup |
| paginationActiveClass | CSS Class to add to the currently active pagination item |
| paginationItem | A function to provide markup of pagination items. Defaults to `function(index) { return $('<a class="slideview-pagination-item"> </a>'); }` |
In order to get support for css-transitions and -transforms, you need to include jquery.fx-transition and jquery.fx-transform
