Swiper Do Swipe - A mobile web swiping interface

Swiper Do Swipe is for touch-screen web apps, and Phonegap-style apps, that want swiping and scrolling with 'pages' arranged like this

• it's fast (using requestAnimationFrame, fast click, reduced GPU texture size during swipe, and other optimisations)
• live animation feedback during swipe (not just a 'completed swipe' animation like jQuery Mobile et al)
• designed to be extensible with other swipe animations
• has callback for page turning that you can tie into your mobile app
• no dependencies

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: holloway.github.io

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" type="text/css" href="static/swiper-do-swipe.css">
<script type="text/javascript" src="static/swiper-do-swipe.js"></script>
<script type="text/javascript" src="static/swiper-do-swipe-perspective.js"></script>

2. HTML

<section style="background:white">
	<h1>swiper-do-swipe.js <abbr title="version">v</abbr>0.6</h1>
	<p>This software is for touch-screen web apps, and Phonegap-style apps, that want swiping and scrolling with 'pages' arranged like this</p>
	<table border="1" class="device">
		<tr>
			<td class="here">Page1<br><small>you are here</small></td>
			<td>Page2</td>
			<td>Page3</td>
			<td>Page4</td>
		</tr>
	</table>
</section>
<section style="background:#fef">
	<h1>page 2</h1>
	<table border="1" class="device">
		<tr>
			<td>Page1</td>
			<td class="here">Page2<br><small>you are here</small></td>
			<td>Page3</td>
			<td>Page4</td>
		</tr>
	</table>
</section>
<section style="background:#eff">
	<h1>section 3</h1>
	<table border="1" class="device">
		<tr>
			<td>Page1</td>
			<td>Page2</td>
			<td class="here">Page3<br><small>you are here</small></td>
			<td>Page4</td>
		</tr>
	</table>
</section>
<section style="background:white">
	<h1>section 4</h1>
	<table border="1" class="device">
		<tr>
			<td>Page1</td>
			<td>Page2</td>
			<td>Page3</td>
			<td class="here">Page4<br><small>you are here</small></td>
		</tr>
	</table>
	<p>you can't swipe further i won't let you!</p>
	<ol>
		<li>more content to show scrolling.</li>
		<li>more content to show scrolling.</li>
	</ol>
</section>

3. JAVASCRIPT

var swiper = swiper_do_swipe(
    $("section"),
    swiper_do_swipe_effects.perspective
);