This is a little bit of text that can be displayed with the full size image.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tellus.
Quisque cursus sagittis justo. In hac habitasse platea dictumst. Integer eget nunc eget erat semper auctor.
Maecenas interdum nunc ut est. Nunc vel tortor nec massa interdum posuere. Sed non metus et erat varius facilisis.
Vestibulum vel enim quis dui accumsan malesuada. Nulla est tellus, pellentesque a, dapibus sed, pretium ac, tellus.
Suspendisse potenti. Nullam elementum elit et neque congue placerat. Etiam varius nonummy augue.
Vivamus condimentum accumsan nulla. Pellentesque sodales arcu vel dui.
nteger cursus nulla id dui. Integer sed metus. Donec neque leo, ullamcorper sit amet, commodo fringilla, pellentesque at, elit.
Sed semper tellus nec dolor. Nulla elit. Suspendisse dignissim fermentum eros. Vestibulum volutpat orci at magna.
Phasellus vehicula. Etiam pede. Donec faucibus enim pharetra neque.
Proin congue, leo sed vulputate tincidunt, tortor nulla ultricies diam, eget hendrerit leo mi eu mi. Fusce commodo varius velit.
Donec quam pede, nonummy vel, nonummy in, eleifend quis, dui.
Morbi pede velit, porta et, laoreet vel, eleifend in, sem. Nulla a enim.
Duis a lorem vel tellus tempor feugiat. Nulla metus urna, mollis in, malesuada nec, eleifend sed, felis.
Proin condimentum porttitor diam. Etiam facilisis cursus nunc. Pellentesque ut arcu id dolor ultricies commodo.
Mauris tincidunt blandit lorem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris vitae sapien sed neque elementum posuere.
In lacus turpis, vehicula id, hendrerit eget, pharetra quis, augue. Etiam quis ante eu nisi scelerisque rhoncus.
Pellentesque blandit erat ut nisi. Integer nibh. Cras risus pede, venenatis et, blandit blandit, dapibus sit amet, diam.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Nunc ipsum augue, suscipit id, placerat sit amet, viverra posuere, justo. Nulla et velit non erat consequat consectetuer.
Nullam blandit erat non erat. Nam scelerisque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Duis sit amet mi. Pellentesque viverra dui eu dolor. Fusce sit amet elit.
Nullam sit amet arcu. Sed nisl odio, aliquet viverra, elementum non, vulputate ut, odio.
Cras adipiscing. Donec gravida, est sit amet gravida fermentum, libero est faucibus leo, vel congue orci velit in magna.
Suspendisse ultricies massa. Sed pharetra est at tortor. Mauris a nibh. Sed eget mi vitae libero suscipit tempus.
Praesent magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum dictum fringilla elit.
Curabitur metus dui, volutpat eget, varius vestibulum, venenatis sed, metus. Fusce congue sem eget enim.
Praesent massa felis, semper ut, ultrices sit amet, viverra ut, leo. Fusce sodales. Nulla consequat eros non lacus. Etiam mollis.
Ut elit velit, adipiscing vitae, porta quis, volutpat eget, nisl. Proin est.
Nulla facilisi. Vestibulum et ipsum. Quisque erat sapien, sodales sit amet, commodo ut, suscipit sit amet, dolor. Quisque non nunc. Vestibulum lorem. In hac habitasse platea dictumst.
Fusce vehicula, tortor eu gravida rhoncus, erat nisl auctor libero, in pharetra sem pede id metus.
Nulla vitae nisi. Nulla nec ligula eu est vehicula tincidunt. Praesent tincidunt. Morbi hendrerit lectus.
Duis semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Quisque sem sem, venenatis sit amet, cursus interdum, blandit eu, nunc.
Suspendisse commodo placerat nisl. Proin odio lacus, convallis quis, condimentum a, mollis quis, urna.
Quisque vel nibh. Suspendisse potenti. Nam vehicula, massa at ultricies aliquam, neque sem varius ante, quis tempor nulla libero ac lacus.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla ut nisi sit amet sapien volutpat malesuada.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum iaculis nunc eget enim.
Phasellus vehicula tortor sed purus. Nullam porttitor. Mauris lorem urna, convallis consectetuer, malesuada in, dictum at, odio.
Sed orci. Nullam elementum. Morbi odio justo, laoreet non, porttitor nec, posuere nec, arcu.
This text can be as long as you like.Information
A second go at my previous gallery, this time with a click to open action rather than a hover. Also the facility to add some descriptive text to accompany the large image. This one uses no conditonal comments, no Microsoft behaviors and no javascript yet it validates using the w3.org validator.
As with the previous gallery this one allows you to have a default image, and this one has been adapted to have both landscape and portrait images.
This has been tested in IE6, IE7, Firefox and Opera (9.5 beta). Opera 9.5 beta has changed the way this browser interprets the mouse click and no longer needs the mouse button to be held down when clicking a link. It also corrects several other rendering bugs and many of my 'slide/scroll' galleries now work with this browser.
IE6 has one small bug in that if you click on a thumbnail it remains :active and if you go back into that image set you will have to hover over this image again before you can see all other images in that set.
All the photographs in this gallery have either been purchased from dreamstime for use on CSS play or have been obtained from the stock.xchng. These are copyright the various photographers and should not be copied without their permission.
If you want to adapt this gallery in any way then I am now offering a service to modify this to suit your requirements. Just contact me be email stu{at}cssplay.co.uk for more information.
Copyright
Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
1. If you are using this on a personal web site then please add a link back to CSSplay and retain any copyright comment in the stylesheet.
A donation to the 'Support CSSplay' fund would be appreciated.
2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at}cssplay.co.uk and in this case a donation to the 'Support CSSplay' fund is required.
3. 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.
Recommended Sites
- SEO
First Rate - Australian SEO Company - SEO Company
SEO company based in Manchester - web hosting, dedicated servers
web reseller, managed servers - Web design in Dorset
Bournmouth based web design agency - VPS Hosting
Virtuozzo VPS Hosting - $19.95/mo
"The 
web site uses
CSS Play code for the site drop down menus.
This code works seamlessly in IE 6 & 7, and is an excellent solution to the Creative requirements of the site."
Damon Clark - Brandwidth
CSS play pages
