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