CSSPLAY

CSS DEMOS › A practical use of 'Clickbox'

Date : 11th January 2010

For all modern browsers

• large image • It's your vision - make it count With the EOS 500D, every side of your story comes alive. Capture every detail in stunning 15.1 Megapixel resolution, or switch to shooting pin-sharp Full High Definition video.

Canon EOS 500D

Digital SLR Camera

• • 15.1 MP CMOS sensor
• • Full HD (1080p) movies

£470

Information

A simple demonstration of how 'Clickbox' can be used in real applications.

You have no doubt seen websites which use shopping cart software to show products for sale, and most have a feature to show larger images of the products. Well this is how 'Clickbox' can be adapted to have this feature with just a little extra styling so that it works without the need for javascript.

In this demo I have changed the dark backround for a white one as this is more in keeping with the large display.

I have also made the 'Close' button more easily seen, but you must check that this does not cover any other link on the main page as it does require a transparent overlay that is absolutely positioned on the page.

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.