Not so simple photograph gallery
8th March 2008
This is the default image with some descriptive text
This is where the descriptive text goes
More descriptive text here
Descriptive text can be placed below the image
You can style the descriptive text as you like
Place the descriptive text in a span tag
Photograph descriptive text here
Here is where you put the descriptive text
Add the desriptive text below the photograph
The descriptive text can be as long as you like. If it extends too far then it will wrap onto a second line
Short descriptive text
Descriptive text
Describe the photograph here
The description goes here
Descriptive text
Description
Descriptive text
Descriptive text
Descriptive text
copyright © stu nicholls - CSS play
Information
I have had a lot of requests to extend the feature of the previous demonstration 'Simplest photograph gallery', to add a default image, a line or two of descriptive text and the ability to click an image to hold it on the screen.
Well this demonstration answers all three requests.
Tested IE6, IE7, Firefox, Opera 9.26 and 9.5 Beta and Safari (PC). Opera 9.26 and Safari do not hold the image after a mouse click, but Opera 9.5 does.
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.
Copyright
Because of all the time and effort spent in producing this demonstration
I would ask that you respect my copyright.
- 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. - 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.
- 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.
