themes demos with 0.9.4
[booh] / www / themes / gradient / Weird / image-widescreen.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>Weird</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("pict0069-1600x630.jpg", "pict0070-1600x630.jpg", "pict0076-1600x630.jpg", "pict0087-1600x630.jpg", "pict0091-1600x630.jpg", "pict0098-1600x630.jpg");
13 var types = new Array("image", "image", "image", "image", "image", "image");
14 var videos = new Array("", "", "", "", "", "");
15 var widths = new Array(840, 840, 840, 840, 840, 840);
16 var heights = new Array(630, 630, 630, 630, 630, 630);
17 var elements_medium = new Array("pict0069-940x380.jpg", "pict0070-940x380.jpg", "pict0076-940x380.jpg", "pict0087-940x380.jpg", "pict0091-940x380.jpg", "pict0098-940x380.jpg");
18 var elements_large = new Array("pict0069-1200x604.jpg", "pict0070-1200x604.jpg", "pict0076-1200x604.jpg", "pict0087-1200x604.jpg", "pict0091-1200x604.jpg", "pict0098-1200x604.jpg");
19 var elements_xlarge = new Array("pict0069-1320x630.jpg", "pict0070-1320x630.jpg", "pict0076-1320x630.jpg", "pict0087-1320x630.jpg", "pict0091-1320x630.jpg", "pict0098-1320x630.jpg");
20 var elements_xxlarge = new Array("pict0069-1500x750.jpg", "pict0070-1500x750.jpg", "pict0076-1500x750.jpg", "pict0087-1500x750.jpg", "pict0091-1500x750.jpg", "pict0098-1500x750.jpg");
21 var elements_fullhd = new Array("pict0069-1820x660.jpg", "pict0070-1820x660.jpg", "pict0076-1820x660.jpg", "pict0087-1820x660.jpg", "pict0091-1820x660.jpg", "pict0098-1820x660.jpg");
22
23 var thumbnailspages = new Array("0", "0", "0", "0", "0", "0");
24 var other_sizes = new Array("medium", "large", "xlarge", "xxlarge", "fullhd");
25 var captions = new Array("", "", "", "", "", "");
26
27 dbltilda_current_size = 'widescreen';
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 = 'false';
34 </script>
35
36     
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="pict0069-390x292.jpg"/><img src="pict0070-390x292.jpg"/><img src="pict0076-390x292.jpg"/><img src="pict0087-390x292.jpg"/><img src="pict0091-390x292.jpg"/></span>
44
45 <div id="navtop">
46  <table id="navigation"><tr><td><a href="../index.html">"Gradient" theme demo</a></td><td>Weird</td></tr></table> 
47 <div id="navlinks">
48     <a href="http://booh.org/">Back to home</a> -
49     <a href="../Ski/Tignes/thumbnails.html">previous album</a> - <a id="thumbnails">return to thumbnails</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> | <a id="linkxlarge" onclick="set_preferred_size('xlarge')">x-large</a> | <a id="linkxxlarge" onclick="set_preferred_size('xxlarge')">xx-large</a> | widescreen | <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>