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