Mercurial > bins

diff templates.marc/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.marc/thumbnail.html	Wed Oct 15 23:28:56 2008 +0200
@@ -0,0 +1,146 @@
+<!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/)">
+<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>
+
+    <!-- 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>
+<script language="JavaScript"
+	type="text/javascript"
+	src="<TMPL_VAR NAME=STATIC_PATH>/joi.js">
+</script>
+</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" >
+	<!-- Thumbnails Table -->
+
+		<TMPL_LOOP NAME=THUMBS_TABLE>
+		<!-- Une image -->
+		<div class="card" style="width:<TMPL_VAR NAME=THUMB_WIDTH>px"> 
+
+			<!-- Le titre -->
+			<TMPL_IF NAME=THUMB_TITLE>
+			<h3 class="imgname"> <TMPL_VAR NAME=THUMB_TITLE> </h3>
+			</TMPL_IF>
+
+			<!-- L'image -->
+			<span 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>
+			</span>
+
+			<!-- Les liens vers les images -->
+			<div class="thumbs">
+			<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>
+			</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>