issue6, improved page selector
[phpfspot.git] / templates / single_photo.tpl
1 <!-- Single photo -->
2 <table>
3  <tr>
4   <td class="index_header" style="text-align: left;">
5    <b>Photo {$image_name}</b><br />
6    &nbsp;{$description}<br />
7   </td>
8   <td class="index_header" style="text-align: right;">
9    <a href="{$image_url_full}" target="_blank" onclick="click(this);">
10     <img src="resources/original.png" alt="original resolution" />
11    </a>
12   </td>
13  </tr>
14  <tr>
15   <td>
16    <div id='single'>
17    <table>
18     <tr>
19      <td colspan="3">
20      { if $next_url == "" }
21       <a href="javascript:showPhotoIndex();" onclick="click(this);">
22      { else }
23       <a href="{$next_url}" onclick="click(this);"> 
24      { /if }
25        <img src="{$image_url}" width="{$width}" height="{$height}" alt="photo" />
26       </a>
27      </td>
28     </tr>
29     <tr>
30      <td style="text-align: left; width: 33%;">
31       { if $previous_url == "" }
32        <img src="resources/arrow_left_gray.png" alt="first photo reached" />
33       { else }
34       <a href="{$previous_url}" onclick="click(this);">
35        <img src="resources/arrow_left.png" alt="previous photo" />
36       </a>
37       { /if }
38      </td>
39      <td style="text-align: center; width: 33%;">
40       <a href="javascript:showPhotoIndex({$current});" onclick="click(this);">
41        <img src="resources/arrow_up.png" alt="photo index" />
42       </a>
43      </td>
44      <td style="text-align: right; width: 33%;">
45       { if $next_url == "" }
46        <img src="resources/arrow_right_gray.png" alt="last photo reached" />
47       { else }
48       <a href="{$next_url}" onclick="click(this);"> 
49        <img src="resources/arrow_right.png" alt="next photo" />
50       </a>
51       { /if}
52      </td>
53     </tr>
54    </table>
55    </div>
56   </td>
57   <td style="width: 150px; padding-top: 20px;">
58    <div id="photo_details">
59    { if $ExifMadeWith }
60    <u><img src="resources/camera.png" alt="camera icon" />&nbsp;Image taken with:</u><br />
61    {$ExifMadeWith}<br />
62    { /if }
63    { if $ExifMadeOn }
64    <u><img src="resources/date.png" alt="calendar icon" />&nbsp;Image made on:</u><br />
65    {$ExifMadeOn}<br />
66    { /if }
67    { if $ExifOrigResolution }
68    <u><img src="resources/image.png" alt="resolution icon" />&nbsp;Original resolution:</u><br />
69    {$ExifOrigResolution}<br />
70    { /if }
71    <u>Size:</u>&nbsp;{$ExifFileSize}<br />
72    { if $tags }
73     <br />
74     <u><img src="resources/small_available_tags.png" alt="available tags" />&nbsp;Tagged with:</u><br />
75     { foreach from=$tags key=id item=name }
76     <a class="smalltag" href="javascript:Tags('add', '{$id}');" onclick="click(this);" onclick="click(this);">{$name}</a><br />
77     { /foreach }
78    { /if }
79    <hr>
80    { if $prev_img }
81     <u><img src="resources/photo.png" alt="photo icon" />&nbsp;Previous:</u><br />
82     <a href="{$previous_url}" onclick="click(this);">
83      <img src="phpfspot_img.php?idx={$prev_img}&amp;width={$mini_width}" /><br />
84     </a>
85    { /if}
86    { if $next_img }
87     <u><img src="resources/photo.png" alt="photo icon" />&nbsp;Next:</u><br />
88     <a href="{$next_url}" onclick="click(this);">
89      <img src="phpfspot_img.php?idx={$next_img}&amp;width={$mini_width}" /><br />
90     </a>
91    { /if}
92    </div>
93   </td>
94  </tr>
95 </table>
96 <!-- /Single photo -->