themes demos with 0.9.4
[booh] / www / themes / gradient / Home / image-xlarge.html
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">
3
4 <head>
5     <title>Home</title>
6     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
7     <meta name="author" content="'Gradient' theme - Benoit Dien"/>
8     <link rel="stylesheet" type="text/css" href="../booh.css" media="screen" />
9     <meta name="generator" content="Booh-0.9.4 http://booh.org/"/>
10
11 <script language="JavaScript1.1" type="text/JavaScript">
12 var images = new Array("00002-1320x630.jpg", "IMG_0476__-1320x630.jpg", "pict001-1320x630.jpg", "Negative0-01-0A28129-1320x630.jpg", "pict0008-1320x630.jpg", "pict0053-1320x630.jpg", "pano-1320x630.jpg");
13 var types = new Array("image", "image", "image", "image", "video", "image", "image");
14 var videos = new Array("", "", "", "", "pict0008.flv", "", "");
15 var widths = new Array(840, 473, 840, 945, 840, 840, 1320);
16 var heights = new Array(630, 630, 630, 630, 630, 630, 251);
17 var elements_medium = new Array("00002-940x380.jpg", "IMG_0476__-940x380.jpg", "pict001-940x380.jpg", "Negative0-01-0A28129-940x380.jpg", "pict0008-940x380.jpg", "pict0053-940x380.jpg", "pano-940x380.jpg");
18 var elements_large = new Array("00002-1200x604.jpg", "IMG_0476__-1200x604.jpg", "pict001-1200x604.jpg", "Negative0-01-0A28129-1200x604.jpg", "pict0008-1200x604.jpg", "pict0053-1200x604.jpg", "pano-1200x604.jpg");
19 var elements_xxlarge = new Array("00002-1500x750.jpg", "IMG_0476__-1500x750.jpg", "pict001-1500x750.jpg", "Negative0-01-0A28129-1500x750.jpg", "pict0008-1500x750.jpg", "pict0053-1500x750.jpg", "pano-1500x750.jpg");
20 var elements_widescreen = new Array("00002-1600x630.jpg", "IMG_0476__-1600x630.jpg", "pict001-1600x630.jpg", "Negative0-01-0A28129-1600x630.jpg", "pict0008-1600x630.jpg", "pict0053-1600x630.jpg", "pano-1600x630.jpg");
21 var elements_fullhd = new Array("00002-1820x660.jpg", "IMG_0476__-1820x660.jpg", "pict001-1820x660.jpg", "Negative0-01-0A28129-1820x660.jpg", "pict0008-1820x660.jpg", "pict0053-1820x660.jpg", "pano-1820x660.jpg");
22
23 var thumbnailspages = new Array("0", "0", "0", "0", "0", "0", "0");
24 var other_sizes = new Array("medium", "large", "xxlarge", "widescreen", "fullhd");
25 var captions = new Array(" This cat surely has strange ways of beeing a cat (that is, sleeping all day long)", " Nice birdy on our roof!", " The &quot;Dents du Midi&quot; at 3000+ meters", " The outdoor pool on the other side of our road, down to the mountain", "Showing the landscape from our roof, with a strange bonus at the end", " Night landscape in Montreux", "An impressive <a href=&quot;http://hugin.sourceforge.net/&quot;>panorama</a> of the view on top of the Grammont (2176m), including the right end of the lake of Geneva more than 1500 meters below");
26
27 dbltilda_current_size = 'xlarge';
28 dbltilda_theme = 'gradient';
29 dbltilda_stop_slideshow = 'Stop slideshow';
30 dbltilda_run_slideshow = 'Run slideshow!';
31 dbltilda_htmlsuffix = '.html';
32 dbltilda_pathtobase = '../';
33 dbltilda_flowplayer_active = 'true';
34 </script>
35
36     <script type="text/javascript" src="../flowplayer-3.2.12.min.js"></script>
37     <script type="text/javascript" src="../booh.js"></script>
38 </head>
39
40 <body onload="init()" id="body"
41 >
42
43 <span style="display:none"><img src="00002-328x245.jpg"/><img src="IMG_0476__-328x245.jpg"/><img src="pict001-328x245.jpg"/><img src="Negative0-01-0A28129-328x245.jpg"/><img src="pict0053-328x245.jpg"/></span>
44
45 <div id="navtop">
46  <table id="navigation"><tr><td><a href="../index.html">"Gradient" theme demo</a></td><td>Home</td></tr></table> 
47 <div id="navlinks">
48     <a href="http://booh.org/">Back to home</a> -
49       <a id="thumbnails">return to thumbnails</a> - <a href="../Ski/thumbnails.html">next album</a>
50 </div>
51 </div>
52
53 <!-- Addthis button -->
54 <div id='addthis'><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script></div>
55
56 <table class='imgnav'>
57   <tr>
58     <td width="20%">&nbsp;</td>
59     <td width="1%">
60       <form action="fake">
61         <img src="../go-first.png" alt="first" onclick="first()" id="img_first"/>
62       </form>
63     </td>
64     <td width="3%">&nbsp;</td>
65     <td width="1%">
66       <form action="fake">
67         <img src="../go-previous.png" alt="previous" onclick="previous()" id="img_previous"/>
68       </form>
69     </td>
70     <td id='sizes'>
71       <a id="linkmedium" onclick="set_preferred_size('medium')">medium</a> | <a id="linklarge" onclick="set_preferred_size('large')">large</a> | x-large | <a id="linkxxlarge" onclick="set_preferred_size('xxlarge')">xx-large</a> | <a id="linkwidescreen" onclick="set_preferred_size('widescreen')">widescreen</a> | <a id="linkfullhd" onclick="set_preferred_size('fullhd')">fullhd</a>
72     </td>
73     <td width="1%">
74       <form action="fake">
75         <img src="../go-next.png" alt="next" onclick="next()" id="img_next"/>
76       </form>
77     </td>
78     <td width="3%">&nbsp;</td>
79     <td width="1%">
80       <form action="fake">
81         <img src="../go-last.png" alt="last" onclick="last()" id="img_last"/>
82       </form>
83     </td>
84     <td width="20%">&nbsp;</td>
85   </tr>
86 </table>
87 <table align="center">
88   <tr>
89     <td align="center" colspan="9">
90       <br/>
91           <span id="main_img">Loading image, please wait...</span>
92
93     </td>
94   </tr>
95 </table>
96
97 <table align="center">
98 <tr>
99     <td align="center" colspan="9">
100         <b><span   id="main_text"
101 >&nbsp;</span></b>
102         <br/>
103         <font size="-2"   id="image_counter"
104 >&nbsp;</font>
105         <hr width="100%"/>
106     </td>
107 </tr>
108
109   <tr>
110     <td colspan="9" align="center">
111         
112     <input type="button"
113            onclick="toggle_slideshow(true)"
114            value="Run slideshow!"
115            id="b_slideshow"/>
116         
117     <font size="-2">pause:<input type="text" id="secs" size="1" value="3"/>secs</font>
118     </td>
119   </tr>
120 </table>
121
122 <div id="logo"><a href="http://booh.org"><img width="91" height="44" src="../booh.png" alt="Made with Booh"/></a></div>
123
124 </body>
125 </html>