Mercurial > bins

diff templates.martin/thumbnail.html @ 0:a84c32f131df 1.1.29

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Import vendor version
author Peter Gervai <grin@grin.hu>
date Wed, 15 Oct 2008 23:28:56 +0200
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/templates.martin/thumbnail.html	Wed Oct 15 23:28:56 2008 +0200
@@ -0,0 +1,134 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="content-type" content="text/html;charset=<TMPL_VAR NAME=ENCODING>">
+<meta name="GENERATOR" content="BINS <TMPL_VAR NAME=BINS_VERSION> (http://bins.sautret.org/)">
+<title><TMPL_VAR NAME=ALBUM_TITLE></title>
+
+<TMPL_IF NAME=CUSTOM_CSS>
+<link rel="stylesheet" href="<TMPL_VAR NAME=STATIC_PATH>/<TMPL_VAR NAME=CUSTOM_CSS>" type="text/css">
+<TMPL_ELSE>
+<link rel="stylesheet" href="<TMPL_VAR NAME=STATIC_PATH>/martin.css" type="text/css">
+</TMPL_IF>
+
+<!-- TMPL_IF NAME=NEXT_THUMB_PAGE -->
+  <link
+    rel="next"
+    href="<TMPL_VAR NAME=NEXT_THUMB_PAGE>"
+    title="<TMPL_VAR NAME=STRING_NEXT>">
+  <link
+    rel="last"
+    href="<TMPL_VAR NAME=LAST_PAGE>"
+    title="<TMPL_VAR NAME=STRING_LAST>">
+<!-- /TMPL_IF -->
+<!-- TMPL_IF NAME=PREV_THUMB_PAGE -->
+  <link
+    rel="prev"
+    href="<TMPL_VAR NAME=PREV_THUMB_PAGE>"
+    title="<TMPL_VAR NAME=STRING_PREV>">
+  <link
+    rel="first"
+    href="<TMPL_VAR NAME=FIRST_PAGE>"
+    title="<TMPL_VAR NAME=STRING_FIRST>">
+<!-- /TMPL_IF -->
+<!-- TMPL_IF NAME=UP_LINK -->
+  <link
+    rel="up"
+    href="<TMPL_VAR NAME=UP_LINK>"
+    title="<TMPL_VAR NAME=UP_TITLE>">
+  <link
+    rel="Start"
+    href="<TMPL_VAR NAME=STATIC_PATH>/.."
+    title="<TMPL_VAR NAME=STRING_HOME>">
+<!-- /TMPL_IF -->
+  <link
+    rel="Index"
+    href="<TMPL_VAR NAME=TREE_LINK>"
+    title="<TMPL_VAR NAME=TREE_TITLE>">
+    
+<TMPL_IF NAME="PRELOAD_IMAGES">
+<!-- preload thumnails of the next page to speed up the album browsing -->
+<script type="text/javascript" language="javascript">
+  <!-- hide from non JavaScript Browsers
+  function PreloadNextImages() {
+  <TMPL_LOOP NAME=PRELOAD_IMAGES>
+  img<TMPL_VAR NAME=PRELOAD_IMAGE_NB> = 
+  new Image(<TMPL_VAR NAME=PRELOAD_IMAGE_WIDTH>,
+    <TMPL_VAR NAME=PRELOAD_IMAGE_HEIGHT>);
+  img<TMPL_VAR NAME=PRELOAD_IMAGE_NB>.src =
+  "<TMPL_VAR NAME=PRELOAD_IMAGE_NAME>";
+  </TMPL_LOOP>
+  }
+// End hiding -->
+</script>
+</TMPL_IF>
+</head>
+
+<TMPL_VAR NAME=BINS_ID>
+
+<body 
+  <TMPL_IF NAME="BG_IMAGE"> background="<TMPL_VAR NAME="BG_IMAGE">" </TMPL_IF>
+  <TMPL_IF NAME=PRELOAD_IMAGES>  onload="PreloadNextImages()" </TMPL_IF>
+>
+
+<div class="path">       <TMPL_INCLUDE NAME="path.html">    </div>
+<div class="albumdesc">  <TMPL_VAR NAME=ALBUM_DESC>         </div>
+<div class="numinfo">    <TMPL_VAR NAME=NUM_INFO>           </div>
+<div class="navbar">     <TMPL_INCLUDE NAME="navbar.html">  </div>
+
+<div class="album">
+  <div class="thumbnavrow"><TMPL_INCLUDE NAME="thumbnavrow.html"> </div>
+  <div class="images" >
+
+    <TMPL_LOOP NAME=THUMBS_TABLE>
+    <div class="card"> 
+
+      <!-- title -->
+      <TMPL_IF NAME=THUMB_TITLE>
+      <h3 class="imgname"> <TMPL_VAR NAME=THUMB_TITLE> </h3>
+      </TMPL_IF>
+
+      <!-- image -->
+      <span class="slid" id="id<TMPL_VAR NAME=THUMB_ID>"><table><tr><td>
+
+      <TMPL_IF NAME=THUMB_DEFAULT_SIZE>
+      <a href="<TMPL_VAR NAME=THUMB_DEFAULT_SIZE>">
+      </TMPL_IF>
+      <img src="<TMPL_VAR NAME=THUMB_LINK>"
+        width="<TMPL_VAR NAME=THUMB_WIDTH>"
+        height="<TMPL_VAR NAME=THUMB_HEIGHT>"
+        alt="<TMPL_VAR NAME=THUMB_ALT>"
+        title="<TMPL_VAR NAME=THUMB_LINK_TITLE>">
+      <TMPL_IF NAME=THUMB_DEFAULT_SIZE></a></TMPL_IF>
+
+      </td></tr></table></span>
+
+      <!-- sizer -->
+      <div class="thumbs">
+      <TMPL_LOOP NAME=THUMB_SIZES>
+      <TMPL_IF NAME=SIZE_DFLT>
+        <span id="dflt<TMPL_VAR NAME=THUMB_ID>">
+      </TMPL_IF>
+        <a href="<TMPL_VAR NAME=SIZE_LINK>" title="<TMPL_VAR NAME=SIZE_TITLE>">
+          <img src="<TMPL_VAR NAME=STATIC_PATH>/<TMPL_VAR NAME=SIZE_FILE>"
+          alt="<TMPL_VAR NAME=SIZE_TITLE>"
+          title="<TMPL_VAR NAME=SIZE_TITLE>"></a>
+      <TMPL_IF NAME=SIZE_DFLT>
+        </span>
+      </TMPL_IF>
+      </TMPL_LOOP>
+      </div>
+
+    </div>
+    </TMPL_LOOP>
+  </div>
+  <!-- End of Thumbnails Table -->
+
+  <div class="thumbnavrow"><TMPL_INCLUDE NAME="thumbnavrow.html"></div>
+</div>
+
+<TMPL_INCLUDE NAME="xlink.html">
+<TMPL_INCLUDE NAME="footer.html">
+
+</body>
+</html>