lid

CSS play - The BIG Slide

A full screen slide show with permanent image changes for all modern PC browsers and Safari Mobile browsers.




lid

CSS play - STU'slide

A multi function slide show with permanent image changes for all modern PC browsers and Safari Mobile browsers.




lid

A Slide Up / Drop Down Menu.

A dropdown menu with a fade-in and slide-up animation.




lid

CSS play - STU'slide - version 2

Version 2 of the multi function slide show with permanent image changes for all modern PC browsers and Safari Mobile browsers.




lid

CSS play - Before and After Image Slider

A left/right slider to reveal/hide an 'after' image with a hold feature.




lid

CSS play - Before and After Image Slider - version 2

A left/right slider to reveal/hide an 'after' image suitable for IE7+.




lid

CSS play Sliding Panels Menu.

A horizontal left/right sliding panels menu with animation and permanent panel changes.




lid

CSS play - 3D Animated Stacking Slideshow

A CSS3 Stacking Slideshow with 3D animation for all modern browsers except Opera.




lid

CSS play Slide Down / Concertina Menu

A CSS slide down menu with concertina action sub menus. Suitable for the iPad Etc..




lid

CSS play - Holiday 2013 Photo Gallery

A CSS gallery to display some of the photos taken during our 2013 visit to New Zealand, Australia and Singapore




lid

CSS play Holiday Slide Show

Another method of displaying sets of photographs. Suitable for all modern browsers.




lid

CSS play Oh So Simple Slide Show

A simple method of displaying sets of photographs. Suitable for all modern browsers.




lid

CSS play Conversion Slide Show

A conversion of a jQuery/javascript driven slideshow into a CSS only version.




lid

CSS play responsive 'swipe' slideshow

Using minimal jQuery and css3 to create responsive 'swipe' action full screen slideshows.




lid

CSS play responsive 'swipe' slideshow version two

A second minimal jQuery and css3 responsive 'swipe' action full screen slideshows.




lid

CSSplay - Swipe Me Inline! - Slideshow

A responsive swipe action inline gallery with swipe action for all modern browsers and OS.




lid

CSSplay - BIG! Slideshow version 1.1

Version 1.1 of my BIG! Slideshow with additional features for all modern browsers.




lid

CSSplay - Full Screen Auto Run Slideshow

A CSS only full screen auto run slideshow with zoom effect and captions.




lid

CSS play responsive 'swipe' slideshow version three

An update to the Swipe Me! slideshow to add extra fuctions and simplify usage.




lid

CSS play responsive inline 'swipe' slideshow version two

An update to the Swipe Me Inline slideshow to add extra fuctions and simplify usage.




lid

CSSplay - EasySlide

EasySlide - A responsive, easy to setup, CSS only Slideshow




lid

CSSplay - EasySlide Remix

EasySlide - A responsive, easy to setup, CSS only Slideshow for images of different sizes




lid

CSSplay - CSS only responsive slide down/up menu

A CSS ONLY responsive slide down/up full screen menu suitable for all the latest browsers and operating systems with animation.




lid

CSSplay - Responsive full screen slideshow

A responsive full screen vertical scrolling slideshow using CSS and a little jQuery for all modern browsers and OS.




lid

CSSplay - CSS only vertical slide concertina menu

A CSS ONLY vertical concertina menu suitable for all the latest browsers and operating systems with animation.




lid

CSSplay - CSS only universal slide in/out menu

A CSS ONLY universal slide in/out menu suitable for all the latest browsers and operating systems with animation.




lid

CSSplay - CSS responsive slideshow with auto play option

A CSS only responsive slideshow with auto play option for all the latest browsers and operating systems.




lid

CSSplay - CSS responsive slideshow with auto play option, version 2

An update to the CSS only responsive slideshow with auto play option for all the latest browsers and operating systems, to simplify and add extra functionality.




lid

CSSplay - CSS basic auto play slideshow

A basic responsive auto play slideshow using the latest CSS selectors.




lid

CSSplay - CSS responsive auto play slideshow

A responsive left/right auto play slideshow using the latest CSS selectors.




lid

CSSplay - CSS responsive left right slideshow with wrap around

A responsive left/right slideshow with wrap around using the latest CSS selectors.




lid

CSSplay - CSS responsive autorun slideshow tutorial

A tutorial for a simple responsive autorun slideshow sutiable for all the latest browsers and OS.




lid

CSS PLAY - Responsive swipe action stacked slideshow

A responsive swipe action stacked slideshow for all browsers and OS, using a little jQuery.




lid

CSS PLAY - Responsive swipe action stacked slideshow v2

A responsive swipe action stacked slideshow, with multiple instances and sizes, for all browsers and OS, using a little jQuery.




lid

CSS PLAY - Responsive foreground image 'cover/contain' slideshow

A CSS only responsive foreground image fullscreen slideshow with 'cover' and 'contain' images and no @media queries.




lid

CSS PLAY - CSS shape autorun slideshow

A demonstration showing how to animate CSS shapes using @keyframes to produce an autorun slideshow. For all modern browsers except IE and Firefox.




lid

CSS PLAY - CSS shape autorun slideshow version 2

A second demonstration showing how to animate CSS shapes using @keyframes to produce an autorun slideshow. For all modern browsers except IE and Firefox.




lid

CSSplay - Responsive slide down menu

A CSS responsive slide down menu for all the latest browsers, OS and devices without using media queries.




lid

CSS PLAY - CSS responsive keyframe slideshow

A CSS ONLY responsive slideshow to rival jQuery/javascript with ability to show different images on PCs, tablets and mobiles




lid

CSSplay - CSS only multi-level slide in menu

A CSS only responsive multi-level slide in menu suitable for all the latest browsers and OS.




lid

CSSplay - CSS only multi-level tree menu with slide action

A CSS only responsive multi-level tree menu with slide action suitable for all the latest browsers and OS.




lid

CSS PLAY - Responsive auto run slideshow'

A CSS responsive auto run slideshow with image selection and pause on hover




lid

CSS PLAY - Responsive full featured slideshow'

A CSS responsive slideshow with play, pause, previous, next, captions and image selection




lid

CSSplay - CSS only multi-level tree menu with slide action, version 2

A second CSS only responsive multi-level tree menu with slide action suitable for all the latest browsers and OS.




lid

CSSplay - CSS only multi-level tree menu with slide action, version 3

A third CSS only responsive multi-level tree menu with slide action suitable for all the latest browsers and OS.




lid

CSSplay - Responsive slideshow using 'Swiper' with html5 picture element.

Using 'Swiper' with html5 'picture' element to change the images depending on the browser window size, and update parameters.




lid

CSSplay - Responsive slideshow using 'Swiper' with thumbnails.

How to have thumbnail images on a single responsive 'Swiper' slideshow.




lid

CSSplay - Responsive slideshow using 'Swiper' customized v2.

Customizing a single responsive 'Swiper' slideshow to have thumbnails, animated captions, dynamic prev/next arrows and pause autorun.




lid

CSSplay - Responsive slideshow using 'Swiper' customized v3.

Customizing a single responsive 'Swiper' slideshow to have background thumbnails and large images, animated captions, pause autorun.




lid

CSSplay - CSS only multi-level menu with slide action, version 4

A fourth CSS only responsive multi-level menu with slide action suitable for all the latest browsers and OS.