diff options
Diffstat (limited to 'templates/details/photo_galleries.html')
| -rw-r--r-- | templates/details/photo_galleries.html | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/templates/details/photo_galleries.html b/templates/details/photo_galleries.html index 41a5976..a823d20 100644 --- a/templates/details/photo_galleries.html +++ b/templates/details/photo_galleries.html @@ -41,10 +41,9 @@ <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.pack.js" ></script> + <script type="text/javascript" src="/media/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> <body> <div id="wrapper"> @@ -53,11 +52,19 @@ <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 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;"> |