<!-- Photo Index -->
+
+<!-- Header - displays count of matched photos and some link's -->
+
<div class="header">
<div style="float: left;">
<b>Photo Index</b>
Results are limited to a date within {$from_date} to {$to_date}.
{/if}
</div>
-<div style="text-align: right">
+ <div style="text-align: right">
{if $slideshow_link }
- <a href="{$slideshow_link}" title="Slideshow" target="_blank"><img src="resources/slideshow.png" /></a>
+ <a href="{$slideshow_link}" title="Slideshow" target="_blank"><img src="resources/slideshow.png" /> Slideshow</a>
{/if}
{if $extern_link }
- <a href="{$extern_link}" title="Use this link to return to the current view"><img src="resources/link.png" /></a>
+ <a href="{$extern_link}" title="Use this link to return to the current view"><img src="resources/link.png" /> External Link</a>
{/if}
{if $export_link }
- <a href="{$export_link}" target="_blank" title="this will open a new browser window where you can export this page in several formats"><img src="resources/export.png" /></a>
+ <a href="{$export_link}" target="_blank" title="this will open a new browser window where you can export this page in several formats"><img src="resources/export.png" /> Export</a>
{/if}
{if $rss_link }
- <a href="{$rss_link}" target="_blank" title="RSS feed"><img src="resources/rss.png" /></a>
+ <a href="{$rss_link}" target="_blank" title="RSS feed"><img src="resources/rss.png" /> RSS-Feed</a>
{/if}
</div>
</div>
+
+<!-- if result of a tag-search is displayed, show the selected tags
+ with some small pictures in a bar. -->
+
{ if $tag_result }
-<div style="height: 1px; background-color: #ffffff;"></div>
+<div id="whiteline" /></div>
<div class="subheader">
<div style="display: table-cell; vertical-align: middle;">
Tags:
</div>
{ /if }
+<!-- the photo matrix itself -->
+
<div id="index">
{section name="thumb" loop=$thumbs step=1}
<a href="javascript:zoom(-10);" title="zoom_out" onclick="click(this);"><img src="resources/zoom-out.png" /></a>
<a href="javascript:zoom(0);" title="zoom_100" onclick="click(this);"><img src="resources/zoom-100.png" /></a>
<a href="javascript:zoom(10);" title="zoom_in" onclick="click(this);"><img src="resources/zoom-in.png" /></a>
- <a href="javascript:startAutoBrowse();" title="auto browsing"><img id="autobrowse_ico" src="resources/32_play.png" /></a>
+ <a href="javascript:startAutoBrowse();" title="auto browsing"><img id="autobrowse_ico" src="resources/16_play.png" /> Auto-Browse</a>
{if $extern_link }
- <a href="{$extern_link}" title="Use this link to return to the current view"><img src="resources/link.png" /></a>
+ <a href="{$extern_link}" title="Use this link to return to the current view"><img src="resources/link.png" /> External Link</a>
{/if}
- <a href="{$image_url_full}" title="orig_image" target="_blank" onclick="click(this);">
- <img src="resources/original.png" alt="original resolution" />
- </a>
+ <a href="{$image_url_full}" title="orig_image" target="_blank" onclick="click(this);"><img src="resources/original.png" alt="original resolution" /> Fullsize</a>
</div>
</div>