git.zarb.org Git - booh/blob - www/themes/gradient/Ski/image-medium.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>Switzerland</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("IMG_1385-940x380.jpg", "IMG_1393-940x380.jpg", "IMG_1395-940x380.jpg");
  13 var types = new Array("image", "image", "image");
  14 var videos = new Array("", "", "");
  15 var widths = new Array(507, 507, 507);
  16 var heights = new Array(380, 380, 380);
  17 var elements_large = new Array("IMG_1385-1200x604.jpg", "IMG_1393-1200x604.jpg", "IMG_1395-1200x604.jpg");
  18 var elements_xlarge = new Array("IMG_1385-1320x630.jpg", "IMG_1393-1320x630.jpg", "IMG_1395-1320x630.jpg");
  19 var elements_xxlarge = new Array("IMG_1385-1500x750.jpg", "IMG_1393-1500x750.jpg", "IMG_1395-1500x750.jpg");
  20 var elements_widescreen = new Array("IMG_1385-1600x630.jpg", "IMG_1393-1600x630.jpg", "IMG_1395-1600x630.jpg");
  21 var elements_fullhd = new Array("IMG_1385-1820x660.jpg", "IMG_1393-1820x660.jpg", "IMG_1395-1820x660.jpg");
  22
  23 var thumbnailspages = new Array("0", "0", "0");
  24 var other_sizes = new Array("large", "xlarge", "xxlarge", "widescreen", "fullhd");
  25 var captions = new Array(" First days of snow during fall 2004", " Already quite some snow everywhere", " No these are not my snowboarding boots");
  26
  27 dbltilda_current_size = 'medium';
  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="IMG_1385-240x180.jpg"/><img src="IMG_1393-240x180.jpg"/><img src="IMG_1395-240x180.jpg"/></span>
  44
  45 <div id="navtop">
  46  <table id="navigation"><tr><td><a href="../index.html">"Gradient" theme demo</a></td><td>Ski</td></tr></table>
  47 <div id="navlinks">
  48     <a href="http://booh.org/">Back to home</a> -
  49     <a href="../Home/thumbnails.html">previous album</a> - <a id="thumbnails">return to thumbnails</a> - <a href="Courchevel/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       medium | <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> | <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>