issue56, auto switch in single photo view

git-svn-id: file:///var/lib/svn/phpfspot/trunk@233 fa6a889d-dae6-447d-9e79-4ba9a3039384

diff --git a/phpfspot.js b/phpfspot.js
index 9e1a932431923d2d9303628d53fc0826da72aecc..06f20e0314d763ec6211a3ea79a9a4bec6caa65e 100644 (file)
--- a/phpfspot.js
+++ b/phpfspot.js
@@ -304,16 +304,23 @@ function startSlideShow()
 {
    HTML_AJAX.grab(encodeURI('rpc.php?action=reset_slideshow'));
    nextSlide();
 {
    HTML_AJAX.grab(encodeURI('rpc.php?action=reset_slideshow'));
    nextSlide();

+   setInterval("nextSlide()", 3000);

 }
 
 function nextSlide()
 {
    next_img = HTML_AJAX.grab(encodeURI('rpc.php?action=get_next_slideshow_img'));
    document.getElementById('slide_img').src = next_img;
 }
 
 function nextSlide()
 {
    next_img = HTML_AJAX.grab(encodeURI('rpc.php?action=get_next_slideshow_img'));
    document.getElementById('slide_img').src = next_img;

-   setTimeout("nextSlide()", 3000);

 }
 
 }
 

+function autoBrowse()
+{
+   var next_link = document.getElementById('next_link').href;
+   window.location.href = next_link;
+   setTimeout("autoBrowse()", 5000);
+}  
+

 var startup = 1;
 var calendar_shown = 0;
 var calendar_mode = '';
 var startup = 1;
 var calendar_shown = 0;
 var calendar_mode = '';

-
+var autobrowse = 0;

diff --git a/templates/single_photo.tpl b/templates/single_photo.tpl
index 0d04e17c2d4adb56672b0c1de7a45cae9ba2901f..bb8c9179e2599caa7aaf03e9504135aa08ae5904 100644 (file)
--- a/templates/single_photo.tpl
+++ b/templates/single_photo.tpl
@@ -16,6 +16,7 @@
    {/if}
   </td>
   <td class="index_header" style="text-align: right;">
    {/if}
   </td>
   <td class="index_header" style="text-align: right;">

+   <a href="javascript:autoBrowse();"><img src="resources/slideshow.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>
    {/if}
    {if $extern_link }
     <a href="{$extern_link}" title="Use this link to return to the current view"><img src="resources/link.png" /></a>
    {/if}


@@ -58,7 +59,7 @@
       { if $next_url == "" }
        <img src="resources/arrow_right_gray.png" alt="last photo reached" />
       { else }
       { if $next_url == "" }
        <img src="resources/arrow_right_gray.png" alt="last photo reached" />
       { else }

-      <a href="{$next_url}" onclick="click(this);"> 
+      <a href="{$next_url}" onclick="click(this);" id="next_img" > 

        <img src="resources/arrow_right.png" alt="next photo" />
       </a>
       { /if}
        <img src="resources/arrow_right.png" alt="next photo" />
       </a>
       { /if}


@@ -98,7 +99,7 @@
    { /if}
    { if $next_img }
     <u><img src="resources/photo.png" alt="photo icon" />&nbsp;Next:</u><br />
    { /if}
    { if $next_img }
     <u><img src="resources/photo.png" alt="photo icon" />&nbsp;Next:</u><br />

-    <a href="{$next_url}" onclick="click(this);">
+    <a href="{$next_url}" onclick="click(this);" id="next_link">

      <img src="phpfspot_img.php?idx={$next_img}&amp;width={$mini_width}" /><br />
     </a>
    { /if}
      <img src="phpfspot_img.php?idx={$next_img}&amp;width={$mini_width}" /><br />
     </a>
    { /if}