visibility: hidden;\r
z-index: 1000;\r
}\r
visibility: hidden;\r
z-index: 1000;\r
}\r
+\r
+#slide_navigation {\r
+ text-align: center;\r
+ padding: 5px;\r
+ -moz-border-radius: 5px;\r
+ border-radius: 5px;\r
+ border: dashed 1px #888888;\r
+ vertical-align: middle;\r
+}\r
{include file="header.tpl"}
<body onload="startSlideShow();" style="text-align: center;">
{include file="header.tpl"}
<body onload="startSlideShow();" style="text-align: center;">
- <div style="margin: 0 auto; padding: 10px;">
- <a href="javascript:window.close();" title="click to close slideshow">
- <img id="slide_img" alt="slideshow_img" style="padding: 10px; background-color: #ffffff;" />
- </a>
- </div>
- <div style="margin: 0 auto; padding: 10px;">
+ <div id="slide_navigation">
<a href="javascript:prevSlide();" onclick="click(this);" title="slive to previous photo"><img id="rew_ico" src="resources/32_rew.png" /></a>
<a href="javascript:pauseSlideShow();" onclick="click(this);"><img id="pause_ico" src="resources/32_pause.png" /></a>
<a href="javascript:startSlideShow();" onclick="click(this);" title="stop and revert slideshow"><img id="stop_ico" src="resources/32_stop.png" /></a>
<a href="javascript:nextSlide();" onclick="click(this);" title="slide to next photo"><img id="fwd_ico" src="resources/32_fwd.png" /></a>
</div>
<a href="javascript:prevSlide();" onclick="click(this);" title="slive to previous photo"><img id="rew_ico" src="resources/32_rew.png" /></a>
<a href="javascript:pauseSlideShow();" onclick="click(this);"><img id="pause_ico" src="resources/32_pause.png" /></a>
<a href="javascript:startSlideShow();" onclick="click(this);" title="stop and revert slideshow"><img id="stop_ico" src="resources/32_stop.png" /></a>
<a href="javascript:nextSlide();" onclick="click(this);" title="slide to next photo"><img id="fwd_ico" src="resources/32_fwd.png" /></a>
</div>
+ <div style="margin: 0 auto; padding: 10px;">
+ <a href="javascript:window.close();" title="click to close slideshow">
+ <img id="slide_img" alt="slideshow_img" style="padding: 10px; background-color: #ffffff;" />
+ </a>
+ </div>
+</body>
{include file="footer.tpl"}
{include file="footer.tpl"}