1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
4 <title>GreyBox - Examples</title>
6 <script type="text/javascript">
7 var GB_ROOT_DIR = "./greybox/";
10 <script type="text/javascript" src="greybox/AJS.js"></script>
11 <script type="text/javascript" src="greybox/AJS_fx.js"></script>
12 <script type="text/javascript" src="greybox/gb_scripts.js"></script>
13 <link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />
15 <script type="text/javascript" src="static_files/help.js"></script>
16 <link href="static_files/help.css" rel="stylesheet" type="text/css" media="all" />
22 insertMenu('examples');
29 <a href="http://google.com/" title="Google" rel="gb_page_center[640, 480]">Launch google.com in a 640x480 window</a>
32 <a href="http://google.com/" title="Google" rel="gb_page_fs[]">Launch google.com in fullscreen window</a>
36 <h3>Website gallery</h3>
39 <a href="http://google.com/" title="Google" rel="gb_pageset[search_sites]">Launch Google search</a>
42 <a href="http://search.yahoo.com/" rel="gb_pageset[search_sites]">Launch Yahoo search</a>
45 <a href="http://www.koders.com/" rel="gb_pageset[search_sites]">Launch Koders search</a>
49 <h3>Image gallery</h3>
50 <script type="text/javascript">
51 var image_set = [{'caption': 'Flower', 'url': 'http://static.flickr.com/119/294309231_a3d2a339b9.jpg'},
52 {'caption': 'Nice waterfall', 'url': 'http://www.widerange.org/images/large/plitvicka.jpg'}];
57 <a href="#" onclick="return GB_showImageSet(image_set, 1)">Launch gallery</a>
61 <a href="static_files/night_valley.jpg" rel="gb_imageset[nice_pics]" title="Night valley">
62 <img src="static_files/night_valley_thumb.jpg" />
67 <a href="static_files/salt.jpg" rel="gb_imageset[nice_pics]" title="Salt flats in Chile">
68 <img src="static_files/salt_thumb.gif" />
73 <h3>Without loading</h3>
74 <script type="text/javascript">
75 GB_myShow = function(caption, url, /* optional */ height, width, callback_fn) {
78 height: height || 500,
82 callback_fn: callback_fn
84 var win = new GB_Window(options);
90 <a href="http://google.com/" onclick="return GB_myShow('Google', this.href)">Visit Google without loading</a>