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