GreyBox can be used to display websites, images and other content in a beautiful way.

Why use GreyBox:

• It does not conflict with pop-up blockers
• It's only 22 KB!
• It's super easy to setup
• It's super easy to use
• You can easily alter the style as it is controlled through CSS

<script type="text/javascript">
    var GB_ROOT_DIR = "http://mydomain.com/greybox/";
</script>

GB_ROOT_DIR should be absolute.

Step 2

Append also following scripts and one stylesheet:

<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />

Where could it be used?

• Showing external pages
• AJAX uploading of files
• Showing internal pages (login, user preference, properties, contact formulas etc.)
• Showing a video or a flash animation
• Showing images
• Showing product information
• Admin sections
• ...