issue21, reordered photo index and added some nice mouseover effect
[phpfspot.git] / templates / photo_index.tpl
1 <!-- Photo Index -->
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       {if $extern_link }
25        <a href="{$extern_link}" title="Copy this link to get directly into the current view"><img src="resources/link.png" /></a>
26       {/if} 
27      </td>
28     </tr>
29    </table>
30   </td>
31  </tr>
32  <tr>
33   <td colspan="3">
34    <div id="matrix">
35    <table>
36    {section name="row" loop=$rows step=1}
37     <tr>
38     {section name="col" loop=$columns step=1}
39      <td class="thumb">
40       {if $images[row][col] }
41       <div id="inner" onmouseover="setBackGrdColor(this, 'mouseover');" onmouseout="setBackGrdColor(this, 'mouseout');">
42        <a href="javascript:showImage({$images[row][col]});" id="{$images[row][col]}" name="image{$img_id[row][col]}" class="thumblink">
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         <br />
45         {$img_name[row][col]}
46        </a>
47       </div>
48       {else}
49        &nbsp;
50       {/if}
51      </td>
52     {/section}
53     </tr>
54    {/section} 
55    </table>
56    </div>
57   </td>
58  </tr>
59  <tr>
60   <td style="text-align: left; width: 32px;">
61   { if $previous_url == "" }
62     <img src="resources/arrow_left_gray.png" alt="first page reached" />
63   { else }
64    <a href="{$previous_url}">
65     <img src="resources/arrow_left.png" alt="previous photo" />
66    </a>
67   { /if }
68   </td>
69   <td style="text-align: center;">
70   { if $page_selector == "" }
71    &nbsp;
72   { else }
73    {$page_selector}
74   { /if}
75   </td>
76   <td style="text-align: right; width: 32px;">
77   { if $next_url == "" }
78     <img src="resources/arrow_right_gray.png" alt="last page reached" />
79   { else }
80    <a href="{$next_url}">
81     <img src="resources/arrow_right.png" alt="next photo" />
82    </a>
83   { /if}
84   </td>
85  </tr>
86 </table>
87 <!-- /Photo Index -->