Download apOverlay
v0.2 – 04.11.2010

How to use

First of all you have to include the jQuery and the jQuery UI libraries so the jQuery widget system is ready:

<script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="js/ap-overlay.js"></script>

Then you have to include the ap-overlay.js and ap-overlay.css files for the overlay plugin. Ensure that the image references in the CSS point to the right images. Perhaps you have to adjust the pathes.

<link rel="stylesheet" type="text/css" href="css/ap-overlay.css" />
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>

Now you can use the overlay like this – for more information have a look at the examples and api page:

var cxOverlay = $.ui.apOverlay.add( options );