Mercurial > bins

comparison 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
comparison
equal deleted inserted replaced
-1:000000000000 0:a84c32f131df
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
2 "http://www.w3.org/TR/REC-html40/loose.dtd">
3 <html>
4 <head>
5 <meta http-equiv="content-type" content="text/html;charset=<TMPL_VAR NAME=ENCODING>">
6 <meta name="GENERATOR" content="BINS <TMPL_VAR NAME=BINS_VERSION> (http://bins.sautret.org/)">
7 <title><TMPL_VAR NAME=ALBUM_TITLE></title>
8
9 <TMPL_IF NAME=CUSTOM_CSS>
10 <link rel="stylesheet" href="<TMPL_VAR NAME=STATIC_PATH>/<TMPL_VAR NAME=CUSTOM_CSS>" type="text/css">
11 <TMPL_ELSE>
12 <link rel="stylesheet" href="<TMPL_VAR NAME=STATIC_PATH>/joi.css" type="text/css">
13 </TMPL_IF>
14
15 <!-- TMPL_IF NAME=NEXT_THUMB_PAGE -->
16 <link
17 rel="next"
18 href="<TMPL_VAR NAME=NEXT_THUMB_PAGE>"
19 title="<TMPL_VAR NAME=STRING_NEXT>">
20 <link
21 rel="last"
22 href="<TMPL_VAR NAME=LAST_PAGE>"
23 title="<TMPL_VAR NAME=STRING_LAST>">
24 <!-- /TMPL_IF -->
25 <!-- TMPL_IF NAME=PREV_THUMB_PAGE -->
26 <link
27 rel="prev"
28 href="<TMPL_VAR NAME=PREV_THUMB_PAGE>"
29 title="<TMPL_VAR NAME=STRING_PREV>">
30 <link
31 rel="first"
32 href="<TMPL_VAR NAME=FIRST_PAGE>"
33 title="<TMPL_VAR NAME=STRING_FIRST>">
34 <!-- /TMPL_IF -->
35 <!-- TMPL_IF NAME=UP_LINK -->
36 <link
37 rel="up"
38 href="<TMPL_VAR NAME=UP_LINK>"
39 title="<TMPL_VAR NAME=UP_TITLE>">
40 <link
41 rel="Start"
42 href="<TMPL_VAR NAME=STATIC_PATH>/.."
43 title="<TMPL_VAR NAME=STRING_HOME>">
44 <!-- /TMPL_IF -->
45 <link
46 rel="Index"
47 href="<TMPL_VAR NAME=TREE_LINK>"
48 title="<TMPL_VAR NAME=TREE_TITLE>">
49
50 <TMPL_IF NAME="PRELOAD_IMAGES">
51 <!-- preload thumnails of the next page to speed up the album browsing -->
52 <script type="text/javascript" language="javascript">
53 <!-- hide from non JavaScript Browsers
54 function PreloadNextImages() {
55 <TMPL_LOOP NAME=PRELOAD_IMAGES>
56 img<TMPL_VAR NAME=PRELOAD_IMAGE_NB> =
57 new Image(<TMPL_VAR NAME=PRELOAD_IMAGE_WIDTH>,
58 <TMPL_VAR NAME=PRELOAD_IMAGE_HEIGHT>);
59 img<TMPL_VAR NAME=PRELOAD_IMAGE_NB>.src =
60 "<TMPL_VAR NAME=PRELOAD_IMAGE_NAME>";
61 </TMPL_LOOP>
62 }
63 // End hiding -->
64 </script>
65 </TMPL_IF>
66 <script language="JavaScript"
67 type="text/javascript"
68 src="<TMPL_VAR NAME=STATIC_PATH>/joi.js">
69 </script>
70 </head>
71
72 <TMPL_VAR NAME=BINS_ID>
73
74 <body
75 <TMPL_IF NAME="BG_IMAGE"> background="<TMPL_VAR NAME="BG_IMAGE">" </TMPL_IF>
76 <TMPL_IF NAME=PRELOAD_IMAGES> onload="PreloadNextImages()" </TMPL_IF>
77 >
78
79 <div class="path"> <TMPL_INCLUDE NAME="path.html"> </div>
80 <div class="albumdesc"> <TMPL_VAR NAME=ALBUM_DESC> </div>
81 <div class="numinfo"> <TMPL_VAR NAME=NUM_INFO> </div>
82 <div class="navbar"> <TMPL_INCLUDE NAME="navbar.html"> </div>
83
84 <div class="album">
85 <div class="thumbnavrow"><TMPL_INCLUDE NAME="thumbnavrow.html"> </div>
86 <div class="images" >
87 <!-- Thumbnails Table -->
88
89 <TMPL_LOOP NAME=THUMBS_TABLE>
90 <!-- Une image -->
91 <div class="card" style="width:<TMPL_VAR NAME=THUMB_WIDTH>px">
92
93 <!-- Le titre -->
94 <TMPL_IF NAME=THUMB_TITLE>
95 <h3 class="imgname"> <TMPL_VAR NAME=THUMB_TITLE> </h3>
96 </TMPL_IF>
97
98 <!-- L'image -->
99 <span id="id<TMPL_VAR NAME=THUMB_ID>"
100 <TMPL_IF NAME=THUMB_DEFAULT_SIZE>
101 onmouseover="hlon(this, 'dflt<TMPL_VAR NAME=THUMB_ID>');"
102 onmouseout="hloff();">
103 <a href="<TMPL_VAR NAME=THUMB_DEFAULT_SIZE>">
104 <TMPL_ELSE>
105 >
106 </TMPL_IF>
107 <img src="<TMPL_VAR NAME=THUMB_LINK>"
108 width="<TMPL_VAR NAME=THUMB_WIDTH>"
109 height="<TMPL_VAR NAME=THUMB_HEIGHT>"
110 alt="<TMPL_VAR NAME=THUMB_ALT>"
111 title="<TMPL_VAR NAME=THUMB_LINK_TITLE>">
112 <TMPL_IF NAME=THUMB_DEFAULT_SIZE></a></TMPL_IF>
113 </span>
114
115 <!-- Les liens vers les images -->
116 <div class="thumbs">
117 <TMPL_LOOP NAME=THUMB_SIZES>
118 <TMPL_IF NAME=SIZE_DFLT>
119 <span id="dflt<TMPL_VAR NAME=THUMB_ID>"
120 onmouseover="hlon(this, 'id<TMPL_VAR NAME=THUMB_ID>');"
121 onmouseout="hloff();">
122 </TMPL_IF>
123 <a href="<TMPL_VAR NAME=SIZE_LINK>"
124 title="<TMPL_VAR NAME=SIZE_TITLE>">
125 <img src="<TMPL_VAR NAME=STATIC_PATH>/<TMPL_VAR NAME=SIZE_FILE>"
126 alt="<TMPL_VAR NAME=SIZE_TITLE>"
127 title="<TMPL_VAR NAME=SIZE_TITLE>"></a>
128 <TMPL_IF NAME=SIZE_DFLT>
129 </span>
130 </TMPL_IF>
131 </TMPL_LOOP>
132 </div>
133
134 </div>
135 </TMPL_LOOP>
136 </div>
137 <!-- End of Thumbnails Table -->
138
139 <div class="thumbnavrow"><TMPL_INCLUDE NAME="thumbnavrow.html"></div>
140 </div>
141
142 <TMPL_INCLUDE NAME="xlink.html">
143 <TMPL_INCLUDE NAME="footer.html">
144
145 </body>
146 </html>