0
|
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" |
|
6 content="text/html;charset=<TMPL_VAR NAME=ENCODING>"> |
|
7 <meta name="GENERATOR" |
|
8 content="BINS <TMPL_VAR NAME=BINS_VERSION> (http://bins.sautret.org/)"> |
|
9 <meta name="template" content="thumbnail.html"> |
|
10 <title><TMPL_VAR NAME=ALBUM_TITLE></title> |
|
11 <TMPL_IF NAME=CUSTOM_CSS> |
|
12 <link rel="stylesheet" |
|
13 href="<TMPL_VAR NAME=STATIC_PATH>/<TMPL_VAR NAME=CUSTOM_CSS>" |
|
14 type="text/css"> |
|
15 <TMPL_ELSE> |
|
16 <link rel="stylesheet" |
|
17 href="<TMPL_VAR NAME=STATIC_PATH>/joi.css" |
|
18 type="text/css"> |
|
19 </TMPL_IF> |
|
20 <link rel="stylesheet" |
|
21 href="<TMPL_VAR NAME=STATIC_PATH>/petrus.css" |
|
22 type="text/css"> |
|
23 <TMPL_IF NAME="PRELOAD_IMAGES"> |
|
24 <!-- preload thumnails of the next page to speed up the album browsing --> |
|
25 <script type="text/javascript" language="javascript"> |
|
26 <!-- hide from non JavaScript Browsers |
|
27 function PreloadNextImages() { |
|
28 <TMPL_LOOP NAME=PRELOAD_IMAGES> |
|
29 img<TMPL_VAR NAME=PRELOAD_IMAGE_NB> = |
|
30 new Image(<TMPL_VAR NAME=PRELOAD_IMAGE_WIDTH>, |
|
31 <TMPL_VAR NAME=PRELOAD_IMAGE_HEIGHT>); |
|
32 img<TMPL_VAR NAME=PRELOAD_IMAGE_NB>.src = |
|
33 "<TMPL_VAR NAME=PRELOAD_IMAGE_NAME>"; |
|
34 </TMPL_LOOP> |
|
35 } |
|
36 // End hiding --> |
|
37 </script> |
|
38 </TMPL_IF> |
|
39 <script language="JavaScript" |
|
40 type="text/javascript" |
|
41 src="<TMPL_VAR NAME=STATIC_PATH>/joi.js"> |
|
42 </script> |
|
43 </head> |
|
44 |
|
45 <TMPL_VAR NAME=BINS_ID> |
|
46 |
|
47 <!-- thumbnail.html --> |
|
48 |
|
49 <body <TMPL_IF NAME="BG_IMAGE"> |
|
50 background="<TMPL_VAR NAME="BG_IMAGE">" |
|
51 </TMPL_IF> |
|
52 <TMPL_IF NAME=PRELOAD_IMAGES> |
|
53 onload="PreloadNextImages()" |
|
54 </TMPL_IF>> |
|
55 |
|
56 <!-- Menu Title --> |
|
57 <TMPL_INCLUDE NAME="title1.html"> |
|
58 |
|
59 <!-- Navigation box --> |
|
60 <TMPL_INCLUDE NAME="navbar.html"> |
|
61 |
|
62 <!-- Navigation bar --> |
|
63 <TMPL_INCLUDE NAME="path.html"> |
|
64 |
|
65 <!-- More informations --> |
|
66 <TMPL_INCLUDE NAME="moreinfos.html"> |
|
67 |
|
68 <div id="mainBody"> |
|
69 |
|
70 <!-- Description --> |
|
71 <p class="normal"><TMPL_VAR NAME=ALBUM_DESC></p> |
|
72 |
|
73 <table cellpadding="5" border="0" cellspacing="2" width="100%"> |
|
74 <tr> |
|
75 <td> |
|
76 |
|
77 <!-- Content --> |
|
78 <TMPL_INCLUDE NAME="thumbnavrow.html"> |
|
79 <table border="0" cellpadding="5" cellspacing="0" width="100%"> |
|
80 <tr> |
|
81 <td align="center"> |
|
82 <!-- Thumbnails Table --> |
|
83 <table border="0" cellpadding="5" cellspacing="0" width="100%"> |
|
84 <tr> |
|
85 <TMPL_LOOP NAME=THUMBS_TABLE> |
|
86 <td align="center" style="vertical-align:bottom"> |
|
87 <table cellspacing="0" cellpadding="5" border="0"> |
|
88 <TMPL_IF NAME=THUMB_TITLE> |
|
89 <tr class="contentBG"> |
|
90 <td align="center"> |
|
91 <TMPL_VAR NAME=THUMB_TITLE> |
|
92 </td> |
|
93 </tr> |
|
94 </TMPL_IF> |
|
95 <tr align="center" class="contentBG"> |
|
96 <td id="id<TMPL_VAR NAME=THUMB_ID>" |
|
97 <TMPL_IF NAME=THUMB_DEFAULT_SIZE> |
|
98 onmouseover="hlon(this, 'dflt<TMPL_VAR NAME=THUMB_ID>');" |
|
99 onmouseout="hloff();"> |
|
100 <a href="<TMPL_VAR NAME=THUMB_DEFAULT_SIZE>"> |
|
101 <TMPL_ELSE> |
|
102 > |
|
103 </TMPL_IF> |
|
104 <img src="<TMPL_VAR NAME=THUMB_LINK>" |
|
105 width="<TMPL_VAR NAME=THUMB_WIDTH>" |
|
106 height="<TMPL_VAR NAME=THUMB_HEIGHT>" |
|
107 alt="<TMPL_VAR NAME=THUMB_ALT>" |
|
108 title="<TMPL_VAR NAME=THUMB_LINK_TITLE>"><TMPL_IF NAME=THUMB_DEFAULT_SIZE></a></TMPL_IF></td> |
|
109 </tr> |
|
110 <tr class="contentBG"> |
|
111 <!-- Sizes --> |
|
112 <td align="center"> |
|
113 <TMPL_LOOP NAME=THUMB_SIZES> |
|
114 <TMPL_IF NAME=SIZE_DFLT> |
|
115 <span id="dflt<TMPL_VAR NAME=THUMB_ID>" |
|
116 onmouseover="hlon(this, 'id<TMPL_VAR NAME=THUMB_ID>');" |
|
117 onmouseout="hloff();"> |
|
118 </TMPL_IF> |
|
119 <a href="<TMPL_VAR NAME=SIZE_LINK>" |
|
120 title="<TMPL_VAR NAME=SIZE_TITLE>"> |
|
121 <img src="<TMPL_VAR NAME=STATIC_PATH>/<TMPL_VAR NAME=SIZE_FILE>" |
|
122 alt="<TMPL_VAR NAME=SIZE_TITLE>" |
|
123 title="<TMPL_VAR NAME=SIZE_TITLE>"></a> |
|
124 <TMPL_IF NAME=SIZE_DFLT> |
|
125 </span> |
|
126 </TMPL_IF> |
|
127 </TMPL_LOOP> |
|
128 |
|
129 </td> |
|
130 <!-- End of Sizes --> |
|
131 </tr> |
|
132 </table> |
|
133 </td> |
|
134 <TMPL_IF NAME=THUMB_NEW_LINE> |
|
135 </tr> |
|
136 <tr> |
|
137 </TMPL_IF> |
|
138 </TMPL_LOOP> |
|
139 </tr> |
|
140 </table> |
|
141 <!-- End of Thumbnails Table --> |
|
142 </td> |
|
143 </tr> |
|
144 </table> |
|
145 <TMPL_INCLUDE NAME="thumbnavrow.html"> |
|
146 <TMPL_INCLUDE NAME="xlink.html"> |
|
147 </td> |
|
148 </tr> |
|
149 </table> |
|
150 </div> |
|
151 |
|
152 <TMPL_INCLUDE NAME="footer.html"> |
|
153 |
|
154 </body> |
|
155 </html> |