use more icons
[phpfspot.git] / templates / single_photo.tpl
index 3965edcb3f6b55e4045a5e24c5bcfc55b47b8285..41e78139c64ebde1c81d69a34393bbd36b348174 100644 (file)
@@ -1,18 +1,26 @@
 <!-- Single photo -->
 <table>
  <tr>
 <!-- Single photo -->
 <table>
  <tr>
-  <td class="index_header">
-   <b>Photo {$image_name}</b><br />
+  <td class="index_header" style="text-align: left;">
+   <b>Photo {$image_name}</b>, {$c_date}, {$madewith}<br />
+  </td>
+  <td class="index_header" style="text-align: right;">
+   <img src="resources/loupe.png" />
+   <img src="resources/information.png" />
   </td>
  </tr>
  <tr>
   </td>
  </tr>
  <tr>
-  <td>
-   <div id='matrix'>
+  <td colspan="2">
+   <div id='single'>
    <table>
     <tr>
      <td colspan="3">
    <table>
     <tr>
      <td colspan="3">
+     { if $next_url == "" }
       <a href="javascript:showPhotoIndex();">
       <a href="javascript:showPhotoIndex();">
-       <img src="{$image_url}" />
+     { else }
+      <a href="{$next_url}"> 
+     { /if }
+       <img src="{$image_url}" width="{$width}" height="{$height}" />
       </a>
      </td>
     </tr>
       </a>
      </td>
     </tr>
       { if $previous_url == "" }
        &nbsp;
       { else }
       { if $previous_url == "" }
        &nbsp;
       { else }
-      <a href="{$previous_url}">Previous</a>
+      <a href="{$previous_url}">
+       <img src="resources/arrow_left.png" />
+      </a>
       { /if }
      </td>
       { /if }
      </td>
-     <td>&nbsp;</td>
+     <td style="text-align: center;">
+      <a href="javascript:showPhotoIndex();">
+       <img src="resources/arrow_up.png" />
+      </a>
+     </td>
      <td style="text-align: right;">
       { if $next_url == "" }
       &nbsp;
       { else }
      <td style="text-align: right;">
       { if $next_url == "" }
       &nbsp;
       { else }
-      <a href="{$next_url}">Next</a>
+      <a href="{$next_url}"> 
+       <img src="resources/arrow_right.png" />
+      </a>
       { /if}
      </td>
     </tr>
       { /if}
      </td>
     </tr>