diff options
| author | luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f> | 2010-06-27 18:31:54 +0000 |
|---|---|---|
| committer | luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f> | 2010-06-27 18:31:54 +0000 |
| commit | 2e615e8c464e0abfcc7e79375d546bd4703abb24 (patch) | |
| tree | 6bc0ce9564b2d90cc94db24e7baadf771739a758 /templates/details | |
| parent | 0d6f39f2aa7c3922c6a696b0a8b3a2e72b475c45 (diff) | |
updated slideshow with better controls, option for non-playing permalinks
Diffstat (limited to 'templates/details')
| -rw-r--r-- | templates/details/photo_galleries.html | 23 |
1 files changed, 5 insertions, 18 deletions
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> →</li> <li><a href="/photos/" title="luxagraf photos">Photos</a> → </li> <li>{{object.set_title}}</li> - </ul> - <div id="slideshow-controls"> - <ul> - <li><a id="prev" href="#"> ← Previous</a></li> - <li><a id="play" href="#">▶</a></li> - <li><a id="next" href="#">Next →</a></li> - </ul> - </div> - - <ul id="instructions"> - <li>Hover image to pause,</li> - <li> ← & → 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;"> |