Mercurial > bins

diff templates.petrus/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.petrus/thumbnail.html	Wed Oct 15 23:28:56 2008 +0200
@@ -0,0 +1,155 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
+"http://www.w3.org/TR/REC-html40/loose.dtd">
+<html>
+  <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/)">
+    <meta name="template" content="thumbnail.html">
+    <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>/joi.css"
+	    type="text/css">
+    </TMPL_IF>
+      <link rel="stylesheet"
+            href="<TMPL_VAR NAME=STATIC_PATH>/petrus.css"
+	    type="text/css">
+    <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>
+    <script language="JavaScript"
+            type="text/javascript"
+	    src="<TMPL_VAR NAME=STATIC_PATH>/joi.js">
+    </script>
+  </head>
+
+  <TMPL_VAR NAME=BINS_ID>
+
+<!-- thumbnail.html -->
+
+  <body <TMPL_IF NAME="BG_IMAGE">
+        background="<TMPL_VAR NAME="BG_IMAGE">"
+      </TMPL_IF>
+      <TMPL_IF NAME=PRELOAD_IMAGES>
+        onload="PreloadNextImages()"
+      </TMPL_IF>>
+
+    <!-- Menu Title -->
+    <TMPL_INCLUDE NAME="title1.html">
+
+    <!-- Navigation box -->
+    <TMPL_INCLUDE NAME="navbar.html">
+
+    <!-- Navigation bar -->
+    <TMPL_INCLUDE NAME="path.html">
+
+    <!-- More informations -->
+    <TMPL_INCLUDE NAME="moreinfos.html">
+
+    <div id="mainBody">
+    
+    <!-- Description -->
+    <p class="normal"><TMPL_VAR NAME=ALBUM_DESC></p>
+
+    <table cellpadding="5" border="0" cellspacing="2" width="100%">
+      <tr>
+        <td>
+
+          <!-- Content -->
+	  <TMPL_INCLUDE NAME="thumbnavrow.html">
+          <table border="0" cellpadding="5" cellspacing="0" width="100%">
+            <tr>
+              <td align="center">
+                <!-- Thumbnails Table -->
+                <table border="0" cellpadding="5" cellspacing="0" width="100%">
+                  <tr>
+                    <TMPL_LOOP NAME=THUMBS_TABLE>
+                    <td align="center" style="vertical-align:bottom">
+                      <table cellspacing="0" cellpadding="5" border="0">
+                        <TMPL_IF NAME=THUMB_TITLE>
+                          <tr class="contentBG">
+                            <td align="center">
+                                <TMPL_VAR NAME=THUMB_TITLE>
+                            </td>
+                          </tr>
+                        </TMPL_IF>
+                        <tr align="center" class="contentBG">
+                          <td id="id<TMPL_VAR NAME=THUMB_ID>"
+                            <TMPL_IF NAME=THUMB_DEFAULT_SIZE>
+			      onmouseover="hlon(this, 'dflt<TMPL_VAR NAME=THUMB_ID>');"
+			      onmouseout="hloff();">
+                              <a href="<TMPL_VAR NAME=THUMB_DEFAULT_SIZE>">
+                            <TMPL_ELSE>
+			      >
+                            </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>
+                        <tr class="contentBG">
+                          <!-- Sizes -->
+                          <td align="center">
+                            <TMPL_LOOP NAME=THUMB_SIZES>
+			      <TMPL_IF NAME=SIZE_DFLT>
+			        <span id="dflt<TMPL_VAR NAME=THUMB_ID>"
+			              onmouseover="hlon(this, 'id<TMPL_VAR NAME=THUMB_ID>');"
+			              onmouseout="hloff();">
+			      </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>
+                            &nbsp;
+                          </td>
+                          <!-- End of Sizes -->
+                        </tr>
+                      </table>
+                    </td>                              
+                    <TMPL_IF NAME=THUMB_NEW_LINE>
+                    </tr>
+		    <tr>
+                    </TMPL_IF>
+                    </TMPL_LOOP>
+                    </tr>
+                </table>
+                <!-- End of Thumbnails Table -->                    
+              </td>
+            </tr>
+          </table>
+	  <TMPL_INCLUDE NAME="thumbnavrow.html">
+	  <TMPL_INCLUDE NAME="xlink.html">
+        </td>
+      </tr>
+    </table>
+    </div>
+
+    <TMPL_INCLUDE NAME="footer.html">
+
+  </body>
+</html>