This script goes into head section
<!-- Include jQuery Library -->
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js" type="text/javascript"> </script>
<!-- Include swipe Library -->
<script src="swipe.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".swipe").swipe({
PreventDefault: true,
EnableMouse: true,
Distance: 100,
OnTouch: function (detail) {
$("#touch").html("Touch Details : { clientX : " + detail.client.x + ", clientY : " + detail.client.x + ", pageX : " + detail.page.x + ", pageY : " + detail.page.y + ", screenX : " + detail.screen.x + ", screenY : " + detail.screen.y + "}");
},
OnMove: function (detail) {
$("#move").html("Move Details : { xchange:" + detail.diffx + ", ychange : " + detail.diffy + ", clientX : " + detail.client.x + ", clientY : " + detail.client.x + ", pageX : " + detail.page.x + ", pageY : " + detail.page.y + ", screenX : " + detail.screen.x + ", screenY : " + detail.screen.y + "}");
},
OnSwipe: function (detail) {
$("#swipe").html("Swipe Details : { direction :" + detail.direction + ", distance : " + detail.distance + ", speed : " + detail.speed + ", time: " + detail.time + "}");
},
OnEnd: function () { }
});
});
</script>
