jquery-slideview-mc
JQuery Slider Component
Features
- touch, mousewheel and keyboard interaction
- dynamically loads content slides via ajax
- setup slide urls from navigation links
- endless scrolling
Example
$(document).ready(function() { $("#slideview").slideview(); }); Get access to the plugin-instance:
var slideview = $("#slideview").data('slideview'); Options
| Name | Description | Default |
|---|---|---|
| transitionStyle | currently only swipe is supported | swipe |
| transitionDuration | the duration of the transition in milliseconds | 750 |
| transitionEasing | easing of the transition | swing |
| transitionCSS | specifies whether to use css transitions if supported or not | transform3d |
| scrollStyle | one of position, transform or transform3d. falls back to position if transforms are not supported | true |
| linkSelector | automatically read content urls from href attribute of the matched elements | null |
| itemSelector | the selector of the content element | .slide |
| slideClass | slide css class | slide |
| currentSlideClass | current slide class | current-slide |
| preloadImages | specifies whether to preload images before showing slide | true |
| mouseDragging | enables mouse-dragging interaction | false |
| userInteraction | enables user-interaction on the component | true |
| locationControl | control history | true |
| slideLoaded | callback that is fired when a slide has been loaded | null |
| slideBefore | callback that is fired before a slide transition | null |
| slideComplete | callback that is fired when a slide transition has finished | null |
Methods
| Name | Description | Return |
|---|---|---|
| add | adds the specified item to the component | void |
| addAll | adds the specified items to the component | void |
| remove | removes the specified item from the component | void |
| removeAll | removes the specified items from the component | void |
| size | get the size of the item collection | int |
| invalidate | Refreshes the component | void |
| slideTo | slides to the specified element | void |
| next | shows the next slide | void |
| previous | show the previous slide | void |
| getPosition | returns current slide index | int |
| getCurrentItem | returns current slide element | element |
