QuickStart guide
1. Adding JavaScript
In your header section you will need to add two JavaScript files:


<script type="text/javascript" src="http://yoursever.com/greybox/AJS.js"></script><script type="text/javascript" src="http://yoursever.com/greybox/greybox.js"></script>2. Adding CSS
In your header section you will need to add one CSS file as well:


<link href="http://yoursever.com/greybox/greybox.css" rel="stylesheet" type="text/css" media="all" />3. Configuration of GreyBox
You will need to tell GreyBox where it can find images. You have also the option to preload them. Put this little JavaScript in your header section:


<script type="text/javascript">  var GB_IMG_DIR = "http://yoursever.com/greybox/";  GreyBox.preloadGreyBoxImages();</script>4. onClick call on any DOM object
Now you put onclick on your A or IMG elements, an example:


<a href="http://google.com" onclick="return GB_show('Google', 'http://google.com', 480, 600)">Launch Google</a>If the user does not have JavaScript enabled he will still visit Google, it just won't be in a GreyBox window.

More information
For more information check out demo.html that is included in the GreyBox distribution. There are lots of examples in the demo.