CSSPLAY

CSS DEMOS › Not so simple photograph gallery

Date : 8th March 2008

For all modern browsers

This demo is too wide for your mobile screen.
Please view on a tablet or PC.

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

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.

1. If you are using this on a personal web site then please retain the copyright comment in the stylesheet.
   A support donation is now required for this demonstration.
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 again a support donation 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.