diff options
| author | Andreas Unterkircher <unki@netshadow.at> | 2008-01-19 18:29:43 +0100 |
|---|---|---|
| committer | Andreas Unterkircher <unki@netshadow.at> | 2008-01-19 18:29:43 +0100 |
| commit | 02bff4b976056db5ad5ccb3b44164b776d2ed72c (patch) | |
| tree | 8b17f81d2d1d4207158248dc38ae0b2373540cc5 /themes/default | |
| parent | 85766025176dcca95a4ccf292dc85d5f12ced8ab (diff) | |
issue101, zooming
Signed-off-by: Andreas Unterkircher <unki@netshadow.at>
Diffstat (limited to 'themes/default')
| -rw-r--r-- | themes/default/stylesheet.css | 3 | ||||
| -rw-r--r-- | themes/default/templates/single_photo.tpl | 9 |
2 files changed, 11 insertions, 1 deletions
diff --git a/themes/default/stylesheet.css b/themes/default/stylesheet.css index 7eede84..ebe9892 100644 --- a/themes/default/stylesheet.css +++ b/themes/default/stylesheet.css @@ -158,6 +158,9 @@ div.thumb a.thumblink:hover { border-radius: 1em; border: dashed 1px #888888; z-index: 100; + float: right; + margin-top: 20px; + margin-right: 20px; } #available_tags,#selected_tags { diff --git a/themes/default/templates/single_photo.tpl b/themes/default/templates/single_photo.tpl index 62a2bf7..b9693c6 100644 --- a/themes/default/templates/single_photo.tpl +++ b/themes/default/templates/single_photo.tpl @@ -15,6 +15,9 @@ {/if} </div> <div style="text-align: right;"> + <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_in" 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> {if $extern_link } <a href="{$extern_link}" title="Use this link to return to the current view"><img src="resources/link.png" /></a> @@ -62,16 +65,20 @@ { /if} </div> + <!-- the photo itself --> + <div style="text-align: left; margin-top: 20px; margin-left: 20px;"> { if $next_url == "" } <a href="javascript:showPhotoIndex();" onclick="click(this);" name="photo"> { else } <a href="{$next_url}" onclick="click(this);" title="click for the next photo" name="photo"> { /if } - <img src="{$image_url}" width="{$width}" height="{$height}" alt="{$image_filename}" /> + <img src="{$image_url}" width="{$width}" height="{$height}" alt="{$image_filename}" id="photo" /> </a> </div> + <!-- navigation arrows --> + <div style="margin-left: 20px;"> { if $previous_url == "" } <img src="resources/arrow_left_gray.png" alt="first photo reached" /> |