Doing it with style
#1 Image description to go here.
#2 Image description to go here.
#3 Image description to go here.
#4 Image description to go here.
#5 Image description to go here.
#6 Image description to go here.
#7 Image description to go here.
#8 Image description to go here.
#9 Image description to go here.
#10 Image description to go here.
#11 Image description to go here.
#12 Image description to go here.
#13 Image description to go here.
#14 Image description to go here.
#15 Image description to go here.
#16 Image description to go here.
#17 Image description to go here.
#18 Image description to go here.
#19 Image description to go here.
#20 Image description to go here.
Back to basics again. This time no fancy :hovers or :active/:focus states, just a list of full size images that can be any number and any size within the limitations of a height styling.
The styling is so simple that it only takes 6 lines including hacks for IE, and the html is just an unordered list.
I have added extra styling for IE to give the scroll-bar a look in keeping with the gallery, and extra html to add a title.
Tested in IE5.5, IE6, IE7, Firefox, Opera, Netscape 8 and Mozilla.
All the photographs in this slideshow have been purchased from dreamstime for use on CSS PLAY. These are copyright the various photographers and should not be copied without their permission.
Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.