Showing images
Showing one image:
Syntax:
<a href="URL" title="CAPTION" rel="gb_image[]">HTML</a>
Example:
<a href=" title="Flower" rel="gb_image[]">Show flower</a>
Example rendered:
Show flower
Showing a group of images:
Syntax:
<a href="URL" title="CAPTION" rel="gb_imageset[NAME]">HTML</a>
<a href="URL" title="CAPTION" rel="gb_imageset[NAME]">HTML</a>
Example:
<a href="static_files/salt.jpg" rel="gb_imageset[nice_pics]" title="Salt flats in Chile">Salt flats</a>
<a href="static_files/night_valley.jpg" rel="gb_imageset[nice_pics]" title="Night valley">Night valley</a>
Example rendered:
Salt flatsNight valley
Showing pages
Showing one page:
Syntax:
<a href="URL" title="CAPTION" rel="gb_page[WIDTH, HEIGHT]">HTML</a>
Example:
<a href=" title="Google" rel="gb_page[500, 500]">Launch Google.com</a>
Example rendered:
Launch Google.com
Showing one page as center window:
Syntax:
<a href="URL" title="CAPTION" rel="gb_page_center[WIDTH, HEIGHT]">HTML</a>
Example:
<a href=" title="Google" rel="gb_page_center[500, 500]">Launch Google.com</a>
Example rendered:
Launch Google.com
Showing one page in fullscreen:
Syntax:
<a href="URL" title="CAPTION" rel="gb_page_fs[]">HTML</a>
Example:
<a href=" title="Google" rel="gb_page_fs[]">Launch Google.com</a>
Example rendered:
Launch Google.com
Showing a group of pages:
Syntax:
<a href="URL" title="CAPTION" rel="gb_pageset[NAME]">HTML</a>
<a href="URL" title="CAPTION" rel="gb_pageset[NAME]">HTML</a>
Example:
<a href=" title="Google" rel="gb_pageset[search_sites]">Launch Google search</a>
<a href=" rel="gb_pageset[search_sites]">Launch Yahoo search</a>
Example rendered:
Launch Google searchLaunch Yahoo search
Methods for showing windows
GB_show
Signature:
GB_show(caption, url, /*optional*/ height, width, callback_fn)
Example:
<a href=" onclick="return GB_show('Google', this.href)">Visit Google</a>
Example rendered:
Visit Google
GB_showCenter
Signature:
GB_showCenter(caption, url, /* optional */ height, width, callback_fn)
Example:
<a href=" onclick="return GB_showCenter('Google', this.href)">Visit Google</a>
Example rendered:
Visit Google
GB_showFullScreen
Signature:
GB_showFullScreen(caption, url, callback_fn)
Example:
<a href=" onclick="return GB_showFullScreen('Google', this.href)">Visit Google</a>
Example rendered:
Visit Google
Methods for showing overlays
GB_showImage
Signature:
GB_showImage(caption, url, callback_fn)
Example:
<a href="
onclick="return GB_showImage('Flower', this.href)">A flower in my hand</a>
Example rendered:
A flower in my hand
GB_showPage
Signature:
GB_showPage(caption, url, callback_fn)
Example:
<a href=" onclick="return GB_showPage('Google', this.href)">Show Google in another layout</a>
Example rendered:
Show Google in another layout
Methods for showing sets
GB_showFullScreenSet
Signature:
GB_showFullScreenSet(set, start_index, callback_fn)
Example:
<script>
var page_set = [{'caption': 'Google', 'url': '
{'caption': 'Yahoo', 'url': '
</script>
<a href="#" onclick="return GB_showFullScreenSet(page_set, 1)">Show first page in page_set</a>
Example rendered:
Show first page in page_set
GB_showImageSet
Signature:
GB_showImageSet(set, start_index, callback_fn)
Example:
<script>
var image_set = [{'caption': 'Flower', 'url': '
{'caption': 'Nice waterfall', 'url': '
</script>
<a href="#" onclick="return GB_showImageSet(image_set, 1)">Show first picture in image_set</a>
Example rendered:
Show first picture in image_set