A pop-up window that doesn't suck.

• Installation
• Examples
• Normal usage
• Advance usage
• Compressing GreyBox
• About

Methods for showing windows

GB_show

Signature:

GB_show(caption, url, /*optional*/ height, width, callback_fn)

Example:

<a href="http://google.com/" onclick="return GB_show('Google', this.href)">Visit Google</a>

Example rendered:

GB_showCenter

Signature:

GB_showCenter(caption, url, /* optional */ height, width, callback_fn)

Example:

<a href="http://google.com/" onclick="return GB_showCenter('Google', this.href)">Visit Google</a>

Example rendered:

GB_showFullScreen

Signature:

GB_showFullScreen(caption, url, callback_fn)

Example:

<a href="http://google.com/" onclick="return GB_showFullScreen('Google', this.href)">Visit Google</a>

Example rendered:

Methods for showing overlays

GB_showImage

Signature:

GB_showImage(caption, url, callback_fn)

Example:

<a href="http://static.flickr.com/119/294309231_a3d2a339b9.jpg"
onclick="return GB_showImage('Flower', this.href)">A flower in my hand</a>

Example rendered:

GB_showPage

Signature:

GB_showPage(caption, url, callback_fn)

Example:

<a href="http://google.com" onclick="return GB_showPage('Google', this.href)">Show Google in another layout</a>

Example rendered:

Methods for showing sets

GB_showFullScreenSet

Signature:

GB_showFullScreenSet(set, start_index, callback_fn)

Example:

<script>
var page_set = [{'caption': 'Google', 'url': 'http://google.com/'},
    {'caption': 'Yahoo', 'url': 'http://yahoo.com/'}];
</script>
<a href="#" onclick="return GB_showFullScreenSet(page_set, 1)">Show first page in page_set</a>

Example rendered:

GB_showImageSet

Signature:

GB_showImageSet(set, start_index, callback_fn)

Example:

<script>
var image_set = [{'caption': 'Flower', 'url': 'http://static.flickr.com/119/294309231_a3d2a339b9.jpg'},
    {'caption': 'Nice waterfall', 'url': 'http://www.widerange.org/images/large/plitvicka.jpg'}];
</script>
<a href="#" onclick="return GB_showImageSet(image_set, 1)">Show first picture in image_set</a>

Example rendered: