trick sharers (at least, facebook) into generating thumbnails by specifying the image...
[booh] / data / booh / themes / cardu / skeleton_image.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3
4 <head>
5     <title>~~title~~</title>
6     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
7     <meta name="author" content="'Cardu' theme - Cornelia Luoni"/>
8     ~~~image_head_code~~~
9     <script type="text/javascript" src="~~pathtobase~~booh.js"></script>
10     <link rel="stylesheet" type="text/css" href="~~pathtobase~~booh.css" media="screen" />
11 </head>
12
13 <body ~~~body_additions~~~>
14
15 ~~hidden_images_for_remotes~~
16
17 <table class='imgnav'>
18   <tr>
19     <td width="20%">&nbsp;</td>
20     <td width="1%">
21       <form action="fake">
22         <img src="~~pathtobase~~first_dark.gif" alt="first" onclick="first()" id="img_first"/>
23       </form>
24     </td>
25     <td width="3%">&nbsp;</td>
26     <td width="1%">
27       <form action="fake">
28         <img src="~~pathtobase~~previous_dark.gif" alt="previous" onclick="previous()" id="img_previous"/>
29       </form>
30     </td>
31     <td class='sizes'>
32       ~~sizes~~ | ~~
33       <br/>
34       <font size="-1">~~previous_album~~ ~~ifprevious_album?~~|~~fi~~ ~~thumbnails~~ ~~ifnext_album?~~|~~fi~~ ~~next_album~~</font>
35     </td>
36     <td width="1%">
37       <form action="fake">
38         <img src="~~pathtobase~~next_dark.gif" alt="next" onclick="next()" id="img_next"/>
39       </form>
40     </td>
41     <td width="3%">&nbsp;</td>
42     <td width="1%">
43       <form action="fake">
44         <img src="~~pathtobase~~last_dark.gif" alt="last" onclick="last()" id="img_last"/>
45       </form>
46     </td>
47     <td width="20%">&nbsp;</td>
48   </tr>
49 </table>
50 <table align="center">
51  <!-- <p id="dbg_text">&nbsp;</p> -->
52   <tr>
53     <td align="center" colspan="9">
54       <br/>
55       <div class="imager_fullscreen">
56         ~~~image~~~
57       </div>
58     </td>
59   </tr>
60 </table>
61 <table align="center">
62 <tr>
63     <td align="center" colspan="9">
64         <b><font size="+1" color="#ffff99" ~~~caption_additions~~~>&nbsp;</font></b>
65         <br/>
66         <font size="-2" ~~~image_counter_additions~~~>&nbsp;</font>
67         <hr width="100%"/>
68     </td>
69 </tr>
70
71   <tr>
72     <td colspan="9" align="center">
73         ~~~button_slideshow~~~
74         ~~~pause_slideshow~~~
75     </td>
76   </tr>
77 </table>
78
79 <table class='footer'>
80   <tr>
81     <td class='left'>~~indexlink~~</td>
82     <td class='right'>~~addthis~~</td>
83   </tr>
84 </table>
85 <div class='footer right'>~~madewith~~</div>
86
87 </body>
88 </html>