{if $images[row][col] }
<div id="outter">
<div id="inner">
- <a href="javascript:showImage({$images[row][col]});" id="{$images[row][col]}" class="bubble">
- <img class="thumb" id="{$images[row][col]}" src="phpfspot_img.php?idx={$images[row][col]}&width={$width}" />
+ <a href="javascript:showImage({$images[row][col]});" id="{$images[row][col]}">
+ <img class="thumb" id="{$images[row][col]}" src="phpfspot_img.php?idx={$images[row][col]}&width={$width}" alt="thumb_{$images[row][col]}" width="{$img_width[row][col]}" height="{$img_height[row][col]}" />
</a>
</div>
</div>
</div>
</td>
</tr>
+ <tr>
+ <td style="text-align: left; width: 33%;">
+ { if $previous_url == "" }
+
+ { else }
+ <a href="{$previous_url}">
+ <img src="resources/arrow_left.png" alt="previous photo" />
+ </a>
+ { /if }
+ </td>
+ <td style="text-align: right; width: 33%;">
+ { if $next_url == "" }
+
+ { else }
+ <a href="{$next_url}">
+ <img src="resources/arrow_right.png" alt="next photo" />
+ </a>
+ { /if}
+ </td>
+ </tr>
</table>
-<script type="text/javascript">
-<!--
- bindBubbles();
--->
-</script>
<!-- /Image Matrix -->