themes demos with 0.9.4
[booh] / www / themes / dark / Weird / image-large.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="'Dark' theme - Guillaume Cottenceau"/>
8     <meta name="generator" content="Booh-0.9.4 http://booh.org/"/>
9
10 <script language="JavaScript1.1" type="text/JavaScript">
11 var images = new Array("pict0069-1200x660.jpg", "pict0070-1200x660.jpg", "pict0076-1200x660.jpg", "pict0087-1200x660.jpg", "pict0091-1200x660.jpg", "pict0098-1200x660.jpg");
12 var types = new Array("image", "image", "image", "image", "image", "image");
13 var videos = new Array("", "", "", "", "", "");
14 var widths = new Array(880, 880, 880, 880, 880, 880);
15 var heights = new Array(660, 660, 660, 660, 660, 660);
16
17 var thumbnailspages = new Array("0", "0", "0", "0", "0", "0");
18 var other_sizes = new Array();
19 var captions = new Array("", "", "", "", "", "");
20
21 dbltilda_current_size = 'large';
22 dbltilda_theme = 'dark';
23 dbltilda_stop_slideshow = 'Stop slideshow';
24 dbltilda_run_slideshow = 'Run slideshow!';
25 dbltilda_htmlsuffix = '.html';
26 dbltilda_pathtobase = '../';
27 dbltilda_flowplayer_active = 'false';
28 </script>
29
30     
31     <script type="text/javascript" src="../booh.js"></script>
32     <style type="text/css" media="screen">
33     <!--
34 body {
35         background-color: #000000;
36         background-image: url(../back.gif);
37         background-repeat: repeat;
38         background-attachment: fixed;
39         color: #AEAEAE;
40         font-family: "Bitstream Vera Sans", "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
41 }
42
43 a:link {
44         color: #8090A3;
45         text-decoration: none;
46 }
47
48 a:visited {
49         color: #7B7BA8;
50         text-decoration: none;
51 }
52
53 a:hover {
54         color: #8090A3;
55         text-decoration: underline;
56 }
57
58 input {
59         border: solid 1px;
60 }
61
62 img {
63         border: solid 2px;
64         border-color: #586068;
65 }
66
67 input {
68         border: solid 1px;
69         color: #5B5B98;
70         background-color: #304149;
71 }
72 input:hover {
73         color: #7B7BA8;
74         background-color: #384951;
75 }
76 .disabled {
77         color: #4B4B78;
78         font-style: italic;
79 }
80 .disabled:hover {
81         color: #4B4B78;
82         background-color: #304149;
83 }
84
85 a.fullscreenvideolink {
86         margin-left:auto;
87         margin-right:auto;
88 }
89     -->
90     </style>
91 </head>
92
93 <body bgcolor="#FFFFFF" onload="init()" id="body"
94 >
95
96 <span style="display:none"><img src="pict0069-300x225.jpg"/><img src="pict0070-300x225.jpg"/><img src="pict0076-300x225.jpg"/><img src="pict0087-300x225.jpg"/><img src="pict0091-300x225.jpg"/></span>
97
98 <table width="100%">
99 <tr>
100     <td width="10%">&nbsp;</td>
101     <td width="1%">
102     <form action="fake"><input type="button"
103                  onclick="first()"
104                  value="<<- First"
105                  id="b_first"/></form></td>
106     <td width="3%">&nbsp;</td>
107     <td width="1%">
108     <form action="fake"><input type="button"
109                  onclick="previous()"
110                  value="<- Previous"
111                  id="b_previous"/></form></td>
112     <td align="center"><font size="-2"></font></td>
113     <td width="1%">
114     <form action="fake"><input type="button"
115                  onclick="next()"
116                  value="Next ->"
117                  id="b_next"/></form></td>
118     <td width="3%">&nbsp;</td>
119     <td width="1%">
120     <form action="fake"><input type="button"
121                  onclick="last()"
122                  value="Last ->>"
123                  id="b_last"/></form></td>
124     <td width="10%">&nbsp;</td>
125 </tr>
126 </table>
127 <table width="100%">
128 <!-- <p id="dbg_text">&nbsp;</p> -->
129 <tr>
130     <td align="center" colspan="9">
131           <span id="main_img">Loading image, please wait...</span>
132
133     </td>
134 </tr>
135 <tr>
136     <td align="center" colspan="9">
137         <font size="+1"   id="main_text"
138 >&nbsp;</font>
139         <font size="-2"   id="image_counter"
140 >&nbsp;</font>
141     </td>
142 </tr>
143
144
145
146 <tr>
147     <td colspan="9" align="center">
148         
149     <input type="button"
150            onclick="toggle_slideshow(true)"
151            value="Run slideshow!"
152            id="b_slideshow"/>
153         
154     <font size="-2">pause:<input type="text" id="secs" size="1" value="3"/>secs</font>
155         <br/>
156         <font size="-1"><a href="../Ski/Tignes/thumbnails.html">previous album</a> | <a id="thumbnails">return to thumbnails</a>  </font>
157     </td>
158 </tr>
159 </table>
160
161 <table width="100%" cellpadding="0" border="0">
162 <tr>
163   <td align="left"> <font size="-1"><i><a href="http://booh.org/">Back to home</a></i></font></td>
164   <td align="right"><font size="-1"><i><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></i> </font></td>
165 </tr>
166 </table>  
167 <div style='text-align:right'>Made with <a href="http://booh.org/">booh</a>!</div>
168
169 </body>
170 </html>