CSS3 - Left / Right click gallery
21st February 2010
For IE10, Firefox, Opera, Safari, Chrome, SeaMonkey and Flock
copyright © stu nicholls - CSS play
A simple gallery style using the general sibling selector (tilde ~) to make the images rise and fall into view without any jumping to the top of page.
Unfortunately, although IE7, IE8, Safari and Chrome recognise the general sibling selector they do not action this when used with :active or :focus.
SeaMonkey and Flock browsers were check using the Multi-Browser Viewer.
10th March 2011
Now fixed and working in Safari and Chrome
9th January 2013
Now working in IE10
You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.
Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.
If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.