themes demos with 0.9.4
[booh] / www / themes / sbs / 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="sbs theme, by Erik Ramseth -- based heavily on `Simple' theme by 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-880x660.jpg", "pict0070-880x660.jpg", "pict0076-880x660.jpg", "pict0087-880x660.jpg", "pict0091-880x660.jpg", "pict0098-880x660.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 = 'sbs';
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: #ffffff;
36         color: #000000;
37         font-family: "Bitstream Vera Sans", "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
38 }
39
40 a:link {
41         color: #7B7BA8;
42         text-decoration: none;
43 }
44
45 a:visited {
46         color: #7B7BA8;
47         text-decoration: none;
48 }
49
50 a:hover {
51         color: #7B7BA8;
52         text-decoration: underline;
53 }
54
55 img {
56         border: solid 1px;
57         border-color: #000000;
58 }
59
60 input {
61         border: solid 1px;
62         background-color: #DEDAD6;
63 }
64 input:hover {
65         background-color: #E8E8E8;
66 }
67 .disabled {
68         font-style: italic;
69 }
70 .disabled:hover {
71         background-color: #DEDAD6;
72 }
73
74 .fullscreen_image {
75   display: table-cell;
76   background-color: lightgrey;
77 }
78
79 .fullscreen_image img {
80   background-color: #fff;
81   border: 1px solid #a9a9a9;
82   margin: -3px 3px 3px -3px;
83   padding: 3px;
84 }
85
86 .fullscreen_video {
87   display: table-cell;
88   background-color: lightgrey;
89 }
90
91 .fullscreen_video img {
92   background-color: #fff;
93   border: 1px solid #a9a9a9;
94   margin: -3px 3px 3px -3px;
95   padding: 3px;
96 }
97
98 a.fullscreenvideolink {
99         margin-left:auto;
100         margin-right:auto;
101 }
102     -->
103     </style>
104 </head>
105
106 <body bgcolor="#FFFFFF" onload="init()" id="body"
107 >
108
109 <span style="display:none"><img src="pict0069-292x219.jpg"/><img src="pict0070-292x219.jpg"/><img src="pict0076-292x219.jpg"/><img src="pict0087-292x219.jpg"/><img src="pict0091-292x219.jpg"/></span>
110
111 <table align="center" width="100%">
112 <tr>
113     <td width="10%">&nbsp;</td>
114     <td width="1%">
115     <form action="fake"><input type="button"
116                  onclick="first()"
117                  value="<<- First"
118                  id="b_first"/></form></td>
119     <td width="3%">&nbsp;</td>
120     <td width="1%">
121     <form action="fake"><input type="button"
122                  onclick="previous()"
123                  value="<- Previous"
124                  id="b_previous"/></form></td>
125     <td align="center"><font size="-2"></font></td>
126     <td width="1%">
127     <form action="fake"><input type="button"
128                  onclick="next()"
129                  value="Next ->"
130                  id="b_next"/></form></td>
131     <td width="3%">&nbsp;</td>
132     <td width="1%">
133     <form action="fake"><input type="button"
134                  onclick="last()"
135                  value="Last ->>"
136                  id="b_last"/></form></td>
137     <td width="10%">&nbsp;</td>
138 </tr>
139 </table>
140 <table align="center">
141 <!-- <p id="dbg_text">&nbsp;</p> -->
142 <tr>
143     <td align="center" colspan="9">
144           <span id="main_img">Loading image, please wait...</span>
145
146     </td>
147 </tr>
148 </table>
149 <table align="center">
150 <tr>
151     <td align="center" colspan="9">
152         <font size="+1"   id="main_text"
153 >&nbsp;</font>
154         <font size="-2"   id="image_counter"
155 >&nbsp;</font>
156     </td>
157 </tr>
158
159
160
161 <tr>
162     <td colspan="9" align="center">
163         
164     <input type="button"
165            onclick="toggle_slideshow(true)"
166            value="Run slideshow!"
167            id="b_slideshow"/>
168         
169     <font size="-2">pause:<input type="text" id="secs" size="1" value="3"/>secs</font>
170         <br/>
171         <font size="-1"><a href="../Ski/Tignes/thumbnails.html">previous album</a> | <a id="thumbnails">return to thumbnails</a>  </font>
172     </td>
173 </tr>
174 </table>
175
176 <table width="100%" cellpadding="0" border="0">
177 <tr>
178   <td align="left"> <font size="-1"><i><a href="http://booh.org/">Back to home</a></i></font></td>
179   <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>
180 </tr>
181 </table>  
182 <div style='text-align:right'>Made with <a href="http://booh.org/">booh</a>!</div>
183
184 </body>
185 </html>