issue20, use <a>-anchor to directly jump to the right photo in photo index view
[phpfspot.git] / templates / photo_index.tpl
1 <!-- Image Matrix -->
2 <table>
3  <tr>
4   <td colspan="3">
5    <table style="width: 100%;">
6     <tr>
7      <td class="index_header"style="width: 80%;">
8       <b>Photo Index,</b>
9       {if ! $searchfor }
10        {if $count == 1}
11         {$count} image has been found for the selected tags
12        {else}
13         {$count} images have been found for the selected tags
14        {/if}
15       {else}
16        {if $count == 1}
17         {$count} image is the result for your search about "{$searchfor}"
18        {else}
19         {$count} images are the result for your search about "{$searchfor}"
20        {/if}
21       {/if}
22      </td>
23      <td class="index_header" style="text-align: right;">
24       <a href="{$extern_link}">Extern</a>
25       <img src="resources/photo_index.png" alt="photo index" />
26      </td>
27     </tr>
28    </table>
29   </td>
30  </tr>
31  <tr>
32   <td colspan="3">
33    <div id="matrix">
34    <table>
35    {section name="row" loop=$rows step=1}
36     <tr>
37     {section name="col" loop=$columns step=1}
38      <td class="thumb">
39       {if $images[row][col] }
40       <div id="outter">
41       <div id="inner">
42        <a href="javascript:showImage({$images[row][col]});" id="{$images[row][col]}" name="image{$img_id[row][col]}">
43         <img class="thumb" id="{$images[row][col]}" src="phpfspot_img.php?idx={$images[row][col]}&amp;width={$width}" alt="thumb_{$images[row][col]}" width="{$img_width[row][col]}" height="{$img_height[row][col]}" />
44        </a>
45       </div>
46       </div>
47       {else}
48        &nbsp;
49       {/if}
50      </td>
51     {/section}
52     </tr>
53    {/section} 
54    </table>
55    </div>
56   </td>
57  </tr>
58  <tr>
59   <td style="text-align: left; width: 32px;">
60   { if $previous_url == "" }
61     <img src="resources/arrow_left_gray.png" alt="first page reached" />
62   { else }
63    <a href="{$previous_url}">
64     <img src="resources/arrow_left.png" alt="previous photo" />
65    </a>
66   { /if }
67   </td>
68   <td style="text-align: center;">
69   { if $page_selector == "" }
70    &nbsp;
71   { else }
72    {$page_selector}
73   { /if}
74   </td>
75   <td style="text-align: right; width: 32px;">
76   { if $next_url == "" }
77     <img src="resources/arrow_right_gray.png" alt="last page reached" />
78   { else }
79    <a href="{$next_url}">
80     <img src="resources/arrow_right.png" alt="next photo" />
81    </a>
82   { /if}
83   </td>
84  </tr>
85 </table>
86 <!-- /Image Matrix -->