1. Features

This is a wrapper on top of Matteo Spinelli's SwipeView.
Designed to provide:

2. How To

2.1. Define a swipable view

Just use the .swipeview on the object you want ot be able to swipe (see sample 1 sources).
This means you just define an HTML:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link   href="swipeview.css" rel="stylesheet" type="text/css" />
<script src ="swipeview.js"   type="text/javascript" ></script>
<script src ="jswipeview.js"  type="text/javascript" ></script>

<ul id="swipeview-nav"></ul>
<div id="swipeview"></div>  
and use an activating script:
	var slides = [
  			'p1.html',
  			'p2.html',
  			'p3.html',
  			'p4.html'
  	];

	$('#sampleDIV').swipeview({
		'slides': slides  
	});

2.2. Define a navigation bar or prev/next buttons

By default jSwipeView will create a navigation bar and prev/next by appending suffixes to the swipe DIV's ID: Example:
swipe elementswipe element's IDnav bar idnext element id
<div id='here'/>herehere-navhere-nev-next

2.3. API

2.3.1. .next() and .prev()

	var sample = $('#swipeDIV').swipeview({
		'slides': slides  
	});
	
	sample.next();  // animate slide to next element
	sample.prev();  // animate slide to prev element

2.3.2. .goToPage(num)

	var sample = $('#swipeDIV').swipeview({
		'slides': slides  
	});
	
	sample.goToPage(7);  // jump directly to page 7

2.4. Events

2.4.1. swipeview-show

This is the event that you will most probably want to listen to, it will notify you of:
	$('#gallery').bind('swipeview-show', function( event, address, titolo, indice ) {
		console.log('show! '+this+' for title:'+ titolo+' for address:' + address);
	});

2.4.2. swipeview-load

This event can be used for fine-tuning purposes, once a page has been loaded in background (eg.: at the beginning or when cycling thru the pages) will raise an event with:
	$('#gallery').bind('swipeview-load', function( event, address, titolo, indice ) {
		console.log('load! '+this+' for title:'+ titolo+' for address:' + address);
	});

3. Samples

Sample 1: minimal

Sample 2: custom navigation and titles

Sample 3: custom events and HTML 5 history