Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
74 lines (60 sloc) 2.14 KB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>wt06 - Touch Events</title>
<style type="text/css" media="screen">@import "assets/jqtouch/jqtouch.css";</style>
<style type="text/css" media="screen">@import "assets/themes/apple/theme.css";</style>
<script src="assets/jqtouch/jquery.1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/jqtouch/jqtouch.js" type="application/x-javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
var jQT = new $.jQTouch({
fullscreen: true,
icon: 'assets/images/Icon.png',
startupScreen: 'assets/images/startup.png',
addGlossToIcon: true,
statusBar: 'black',
useFastTouch: true,
slideSelector: 'ul li a',
touchSelector: 'img.swipe',
preloadImages: [
'themes/apple/img/back_button.png'
]
});
$(document).ready(function(){
$('img.swipe').bind('swipe', function(event, info){
var targ = 0;
if (info.direction == "right") {
targ = ($(this).attr("alt") * 1) - 1;
if (targ > 0) {
$('div.carousel').scrollTo("-=320px", 500);
}
} else {
targ = ($(this).attr("alt") * 1) + 1;
if (targ <= 21) {
$('div.carousel').scrollTo("+=320px", 500);
}
}
});
});
</script>
</head>
<body>
<div id="jqt" class="fullscreen" >
<div id="home">
<div class="toolbar"><h1>Home</h1></div>
<ul class="edgetoedge">
<li class="arrow"><a href="#photos">Photos</a></li>
</ul>
</div>
<div id="photos">
<div class="toolbar"><a href="#" class="back">Back</a><h1>Photos</h1></div>
<div class="carousel" style="width:660px;">
<img class="swipe" alt="1" src="assets/images/photo1.png" >
<img class="swipe" alt="2" src="assets/images/photo2.png" >
<img class="swipe" alt="3" src="assets/images/photo3.png" >
</div>
</div>
</div>
</body>
</html>