From 2e615e8c464e0abfcc7e79375d546bd4703abb24 Mon Sep 17 00:00:00 2001
From: "luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f"
 <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f>
Date: Sun, 27 Jun 2010 18:31:54 +0000
Subject: updated slideshow with better controls, option for non-playing
 permalinks

---
 templates/details/photo_galleries.html | 23 +++++------------------
 1 file changed, 5 insertions(+), 18 deletions(-)

(limited to 'templates/details')

diff --git a/templates/details/photo_galleries.html b/templates/details/photo_galleries.html
index a823d20..9bf694a 100644
--- a/templates/details/photo_galleries.html
+++ b/templates/details/photo_galleries.html
@@ -38,10 +38,10 @@
           content="Licensed under the Creative Commons Attribution-Noncommercial-Share Alike 3.0  License">
 
     
-    <script type="text/javascript" src="/media/js/jquery.js"></script>
-    <script type="text/javascript" src="/media/js/jquery.cycle.pack.js"></script>
-    <script type="text/javascript" src="/media/js/jquery.jcarousel.pack.js"></script>
-    <script type="text/javascript" src="/media/js/slideshow.js" ></script>
+    <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script>
+    <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.cycle.pack.js"></script>
+    <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.jcarousel.pack.js"></script>
+    <script type="text/javascript" src="{{MEDIA_URL}}js/slideshow.js" ></script>
     <!-- if you'd like to see a non-packed version of my slideshow script, see this file: http://media.luxagraf.net/js/slideshow.js (requires jquery, jcarousel and cycle) -->
     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
 </head>
@@ -51,20 +51,7 @@
                <li><a href="/" title="luxagraf homepage">Home</a> &rarr;</li>
                <li><a href="/photos/" title="luxagraf photos">Photos</a> &rarr; </li>
                <li>{{object.set_title}}</li>
-        </ul>
-        <div id="slideshow-controls">
-            <ul>
-                <li><a id="prev" href="#"> &larr; Previous</a></li>
-                <li><a id="play" href="#">▶</a></li>
-                <li><a id="next" href="#">Next &rarr;</a></li>
-            </ul>
-        </div>
-
-        <ul id="instructions">
-               <li>Hover image to pause,</li>
-               <li> &nbsp;&larr; &amp; &rarr; to navigate</li>
-        </ul>
-        
+        </ul>     
         <ul id="slides">
         {%for photo in object.photos.all reversed %}
             <li class="bigimg" id="{{photo.get_local_slideshow_url}}" style="height: {{photo.slideshowimage_height}}px; width:{{photo.slideshowimage_width}}px; margin-top:{{photo.slideshowimage_margintop}}px; margin-left:{{photo.slideshowimage_marginleft}}px;"> 
-- 
cgit v1.2.3-70-g09d2