Mercurial > bins

view templates.marc/thumbnail.html @ 9:0f248ad86f9f 1.1.29.e2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bins_edit: try to get encoding stuff right, move it into main
author Peter Gervai <grin@grin.hu>
date Thu, 16 Oct 2008 00:11:14 +0200
parents a84c32f131df
children
line wrap: on
line source

<!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>