CSS play - Logo

stu{at}cssplay.co.uk

CSSplay

Swipe Me Three!

Swipe action full screen slideshow for PCs, tablets and smartphones

Demonstrations

ANIMAL - PORTRAITS

DRAGONFLY - LANDSCAPES

LADY IN BLACK DRESS

Information

Swipe Me Three! is a re-work of the original Swipe Me Too! a responsive full screen lightbox/slideshow using minimal jQuery and CSS3 styles.
As with the previous version this works in all the latest browsers and platforms.
Please contact me for more information and zip file.

Check out the three demonstrations above to see how it works in your setup.
If you are using a tablet or smartphone see how it re-sizes when using 'full screen' viewing and when changing orientation.
If you are using a PC then see it resize the images when changing your browser window size.

Uses 'swipe' action to move from one image to the next with the option of left/right arrows when viewed on a non touch screen PC.
For IE7+, Firefox, Opera, Safari, Chrome, iOS, Android OS, tablets, smartphones including Windows wp8, touch screens etc.

Updates

The jQuery script has been simplified and converted to a 'plug-in' type interface.

The 'plug-in' routine is now called using simple inline javascript.

A link can be added to any image which shows at the bottom center of the image.

The large images are only loaded when the slideshow is displayed. Initially a small transparent image is used.

Now working on most older smartphones and tablets using native browser.

A couple of problems with the iPad mini and early iPod Touch have now been fixed.