Added new code for a slideshow taken from http://snippets.dzone.com/posts/show/1068

diff --git a/webcit/static/t/files/picview.js b/webcit/static/t/files/picview.js
index 67d7a224399b0deba50a21c9d4c7d36208386d68..2bdb90fb2740abf0a64ac268c5e4b215c344fc81 100644 (file)
--- a/webcit/static/t/files/picview.js
+++ b/webcit/static/t/files/picview.js
@@ -1,19 +1,33 @@
 <??("COND:BSTR", 1, "frame")>
 <?=("head")>
 <?=("important_msg")><?%("COND:LOGGEDIN", 1, 1, 1, "", ="paging")>
+
 <div id="banner">
-<h1>
-<?_("Pictures in")><?ROOM:NAME>
-</h1>
+       <h1><?_("Pictures in")><?ROOM:NAME></h1>
 </div>
 <div id="content" class="service">
-<table class="downloads_background"><tr><td>
-<script type="text/javascript" language="JavaScript" > nvar fadeimages=new Array()
-<?ITERATE("ROOM:FILES", ="files_section_onefile_picview")>
-</script>
-<tr><td><script type="text/javascript" src="static/fadeshow.js">
-</script>
-<script type="text/javascript" >
-new fadeshow(fadeimages, 500, 400, 0, 3000, 1, "R");
-</script></td><th>
+       <table class="downloads_background">
+       <tr><td>
+               <script type="text/javascript" language="JavaScript">
+                       <?ITERATE("ROOM:FILES", ="files_section_onefile_picview")>
+               </script>
+       </td></tr>
+       <tr><td>
+               <script type="text/javascript">
+                       start_slideshow(1, $lastfile, 3000);
+    
+                       function start_slideshow(start_frame, end_frame, delay) {
+                               setTimeout(switch_slides(start_frame,start_frame,end_frame, delay), delay);
+                       }
+                            
+                       function switch_slides(frame, start_frame, end_frame, delay) {
+                               return (function() {
+                                       Effect.Fade('slideshow' + frame);
+                                       if (frame == end_frame) { frame = start_frame; } else { frame = frame + 1; }
+                                               setTimeout("Effect.Appear('slideshow" + frame + "');", 850);
+                                               setTimeout(switch_slides(frame, start_frame, end_frame, delay), delay + 850);
+                               })
+                       }
+               </script>
+       </td><th>
 <?=("trailing")>

diff --git a/webcit/static/t/files/section_onefile_picview.html b/webcit/static/t/files/section_onefile_picview.html
index f56e409d159b3cac2327483fa0444d3d1858c3b3..e930eb555f86c11d6df35cf6e443f7ab8167f215 100644 (file)
--- a/webcit/static/t/files/section_onefile_picview.html
+++ b/webcit/static/t/files/section_onefile_picview.html
@@ -1,3 +1,6 @@
 <??("COND:FILE:ISPIC", 2)>
-fadeimages[<?ITERATE:N>]=["download_file/<?FILE:NAME("X")>"]
+       <div id="slideshow<?ITERATE:N>" class="slide" style="display: <?%("COND:FIRSTN", 1, 1, 1, "visible", "none")>"><div>download_file/<?FILE:NAME("X")></div></div>
 <??("X", 2)>
+<?!("COND:ITERATE:LASTN", 3)>
+       <script>$end=<?ITERATE:N></script>
+<?!("X", 3)>