there’s lots of interesting ways to display images on web pages getting images to pop up in windows above the main page
these use javascript and all work in a similar way you’ll have seen this all over the web
fancybox.js is one of the easiest to use and is written by cabel sasser (who also wrote Coda)
have a look at the examples on this page
then try to use it with the below instructions from the fancybox page
1Download the FancyZoom package, right here:
2Place the two folders inside the package in the root of your website.
3Add the following two lines of code to the <head> section at the top of your web page(s):
<script src="/js-global/FancyZoom.js" type="text/javascript"></script>
<script src="/js-global/FancyZoomHTML.js" type="text/javascript"></script>
<script src="/js-global/FancyZoomHTML.js" type="text/javascript"></script>
4Add onload="setupZoom()" inside your page’s existing <body> tag. For example:
<body onload="setupZoom()">
5Whoah. You’re done! The rest is automatic — links to images in your page will automatically zoom the images. For example:
<a href="image.jpg"><img src="image-thumbnail.jpg" /></a> will zoom up image.jpg when clicked.
