Comments on: Javascript Swipe Demo, works both with finger (iOS + Android) and mouse (PC) https://james.lin.net.nz/2010/09/27/javascript-swipe-demo-works-both-with-finger-ipad-and-mouse-pc/ Just bits and pieces of my life Thu, 05 Oct 2017 06:10:33 +0000 hourly 1 https://wordpress.org/?v=4.9.2 By: real estate listings va https://james.lin.net.nz/2010/09/27/javascript-swipe-demo-works-both-with-finger-ipad-and-mouse-pc/#comment-20814 Mon, 21 Jul 2014 21:21:59 +0000 http://james.limsbros.com/?p=285#comment-20814 Hello There. I found your blog using msn. This is an extremely well written article.
I will be sure to bookmark it and return to read more of your useful info.
Thanks for the post. I’ll definitely return.

]]> By: James Lin https://james.lin.net.nz/2010/09/27/javascript-swipe-demo-works-both-with-finger-ipad-and-mouse-pc/#comment-3962 Fri, 23 May 2014 05:25:04 +0000 http://james.limsbros.com/?p=285#comment-3962 Yes, you just need to workout how to detect vertical movements instead of horizontal based on the coordinates.

]]> By: waqas https://james.lin.net.nz/2010/09/27/javascript-swipe-demo-works-both-with-finger-ipad-and-mouse-pc/#comment-3863 Thu, 22 May 2014 17:46:58 +0000 http://james.limsbros.com/?p=285#comment-3863 Any way to enable scroll up/down?

]]> By: james_lin https://james.lin.net.nz/2010/09/27/javascript-swipe-demo-works-both-with-finger-ipad-and-mouse-pc/#comment-66 Tue, 27 Sep 2011 22:15:38 +0000 http://james.limsbros.com/?p=285#comment-66 Hi,

The code in this artcle is already demonstrating how to do the swipe action. You just need to add whatever you want around it to suit your needs.

Regards

James

]]> By: sathish https://james.lin.net.nz/2010/09/27/javascript-swipe-demo-works-both-with-finger-ipad-and-mouse-pc/#comment-65 Tue, 27 Sep 2011 12:06:09 +0000 http://james.limsbros.com/?p=285#comment-65 Hi

I need to swipe a content with bullet pagination. It would be great if u provide the code. Thanks in advance.

sathish.J

]]> By: james_lin https://james.lin.net.nz/2010/09/27/javascript-swipe-demo-works-both-with-finger-ipad-and-mouse-pc/#comment-57 Tue, 13 Sep 2011 05:42:46 +0000 http://james.limsbros.com/?p=285#comment-57 cheers!

]]> By: Norik Davtian https://james.lin.net.nz/2010/09/27/javascript-swipe-demo-works-both-with-finger-ipad-and-mouse-pc/#comment-55 Fri, 09 Sep 2011 10:31:22 +0000 http://james.limsbros.com/?p=285#comment-55 mousedown, mouseup, is the swipe action 🙂 awesome

]]> By: james_lin https://james.lin.net.nz/2010/09/27/javascript-swipe-demo-works-both-with-finger-ipad-and-mouse-pc/#comment-53 Wed, 17 Aug 2011 22:42:51 +0000 http://james.limsbros.com/?p=285#comment-53 Sweet 😀

]]> By: Mike https://james.lin.net.nz/2010/09/27/javascript-swipe-demo-works-both-with-finger-ipad-and-mouse-pc/#comment-52 Wed, 17 Aug 2011 12:13:44 +0000 http://james.limsbros.com/?p=285#comment-52 Yea, thats what I figured. I was just making sure there wasn’t another way that I hadn’t seen yet. Thanks.

]]> By: james_lin https://james.lin.net.nz/2010/09/27/javascript-swipe-demo-works-both-with-finger-ipad-and-mouse-pc/#comment-51 Tue, 16 Aug 2011 22:30:38 +0000 http://james.limsbros.com/?p=285#comment-51 have a look at this slide container:
<div id="slider_content" style="width: 300px; height: 300px; overflow: hidden;">
<div id="slider" style="height: 300px; width: 1200px;">
<div id="slide1" style="height: 300px; width: 300px; background-color: brown; float: left;">Slide One, swipe left please</div>
<div id="slide2" style="height: 300px; width: 300px; background-color: green; float: left;">Slide Two, swipe left/right please</div>
<div id="slide3" style="height: 300px; width: 300px; background-color: yellow; float: left;">Slide Three, swipe left/right please</div>
<div id="slide4" style="height: 300px; width: 300px; background-color: grey; float: left;">Slide Four, swipe right please</div>
</div>
</div>

basically you change the width in id=”slider” to number of divs * 300
and add the the divs inside the id=”slider” div

]]>