Click above text menu to visit demos

1) Popup Text Message Box

Using CSS, one line of javascript for close button. No image used. Popup message loaded when page opens. There is "X" mark to close popup.
HTML codes must be written outside of wrapper (Between close of wrapper tag and close of body tag)

2) PopUp Image #1

Using CSS only, no javaScript!!! Use One large image.

3) PopUp Image #2

Using CSS only, no javaScript!!! Use One large image.
This is very similar to #1, I want you to know that there are many different way to write CSS code to achieve same result

4) PopUp Image Lightbox

Use one thumbnail image on HTML page and one large image for popup.
Using lightbox javaScript, and CSS.
Also use images such as oiverlay.png, loading.gif, close.gif.

4) Lightbox 2 (grouped images set)

Using lightbox javaScript, and CSS.
Also use images such as oiverlay.png, loading.gif, close.gif.

After an image has enlarged, you can move between images by clicking on the right/left edges of the enlarged
image)

Note

You may copy codes or files, however you need to change width, height of images and absolute positioning to suit your need. I did minimal of styling, you may add or change style for your need.

This webpage is temprary and not ready for publishing. I did all in just a few hours on Sunday (3/7/2010). I will remove this within a few days to improve them.