Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Octocat-spinner-32-eaf2f5

Cannot retrieve contributors at this time

file 74 lines (60 sloc) 2.19 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73
<!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>
Something went wrong with that request. Please try again.