view templates.petrus/thumbnail.html @ 11:8b62360dc2a5 default tip

Adding notes, cloning edit-gui
author Peter Gervai <grin@grin.hu>
date Sun, 02 Nov 2008 16:29:52 +0100
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/)">
    <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>