Mercurial > bins
diff templates.joi/thumbnail.html @ 0:a84c32f131df 1.1.29
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.joi/thumbnail.html Wed Oct 15 23:28:56 2008 +0200 @@ -0,0 +1,183 @@ +<!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>> + + + <table cellpadding="5" border="0" cellspacing="2" width="100%"> + <tr class="path"> + <td colspan="2"> + <TMPL_INCLUDE NAME="path.html"> + </td> + </tr> + <tr> + <td class="numinfo"> + <TMPL_VAR NAME=NUM_INFO> + </td> + <td class="albumdesc" width="100%"> + <!-- Description --> + <TMPL_VAR NAME=ALBUM_DESC> + </td> + </tr> + <tr> + <td class="navbar"> + <TMPL_INCLUDE NAME="navbar.html"> + </td> + <td> + <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="0" 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> + + </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> + <tr class="footer"> + <td colspan="2"> + <TMPL_INCLUDE NAME="footer.html"> + </td> + </tr> + </table> + </body> +</html>