issue46, add a 10px white frame around the photo in the slideshow view

[phpfspot.git] / themes / default / templates / slideshow.tpl
diff --git a/themes/default/templates/slideshow.tpl b/themes/default/templates/slideshow.tpl

index bba5cd20393af52eb988bd7ef1ebf74d29256638..2e726d7c21eb9759f4dc4839cda5de4dfb4486fc 100644 (file)
--- a/themes/default/templates/slideshow.tpl
+++ b/themes/default/templates/slideshow.tpl
@@ -2,8 +2,14 @@
   <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" />
+    <img id="slide_img" alt="slideshow_img" style="padding: 10px; background-color: #ffffff;" />
     </a>
    </div>
+  <div style="margin: 0 auto; padding: 10px;">
+   <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>
   </body>
  {include file="footer.tpl"}