Demo: use touch gestures on mobile Safari to swipe through images. CSS & JavaScript on Ruby/Sinatra.
JavaScript Ruby
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
public
spec/javascripts
.gitignore
.rvmrc
Gemfile
Gemfile.lock
Procfile
README
Rakefile
sliding.rb

README

Demonstration of sliding pictures back and forth with touch gestures, css, and javascript.

Images used:

Emperor penguins: By Ian Duffy from UK (Animal Portraits  Uploaded by Snowmanradio) [CC-BY-2.0 (http://creativecommons.org/licenses/by/2.0)], via Wikimedia Commons
http://commons.wikimedia.org/wiki/File:Aptenodytes_forsteri_-Snow_Hill_Island,_Antarctica_-adults_and_juvenile-8.jpg

R136 (Tarantula nebula): By NASA, ESA, and F. Paresce (INAF-IASF, Bologna, Italy), R. O'Connell (University of Virginia, Charlottesville), and the Wide Field Camera 3 Science Oversight Committee (HubbleSite.org) [Public domain], via Wikimedia Commons
http://commons.wikimedia.org/wiki/File:R136_HST_2009-12-15.jpg

Glebionis (yellow flower): By Alvesgaspar (Own work) [CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0) or GFDL (http://www.gnu.org/copyleft/fdl.html)], via Wikimedia Commons
http://commons.wikimedia.org/wiki/File:Glebionis_April_2010-1.jpg

Maid of the Mist (boat with rainbow): By Saffron Blaze (Own work) [CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons
http://commons.wikimedia.org/wiki/File:Maid_of_the_Mist_-_pot-o-gold.jpg