September 13, 2006
5:54 pm | Last updated: September 13, 2006 at: 6:57 pm

TripTracker.net blog has rolled out their “Revamped Slideshow” Javascript for public use. The interface to the slideshow is simple — insert the script source, initialize the viewer and photo links and then call the viewer.show() method.

They have also provided a bookmarklet that allows you to try out the slideshow on other web sites:

  1. Bookmark the following link: Slideshow Bookmarklet (e.g. by dragging the link to your bookmark toolbar).
  2. Visit a page with photo thumbnails, e.g. Mojo Yugen’s Flickr photoset.
  3. Click on your bookmark to bring up the slideshow.

Here is the script:
<script type="text/javascript"
src="http://triptracker.net/jsmap/slide.js">
</script>
<script type="text/javascript">
var viewer = new PhotoViewer();
viewer.add("/photos/my-photo-1.jpg");
viewer.add("/photos/my-photo-2.jpg");
viewer.add("/photos/my-photo-3.jpg");
</script>
<a href="javascript:void(viewer.show(0))">Slideshow
</a>

Click on the first thumbnail and then, click play button to start slideshow.

Triptracker Blog | digg

AJAX Photo SlideShow

Loading

Contextual Related Posts:

No followup yet

Leave a Response

Comment Preview
« Microsoft Office 2007 Beta 2 Refresh ReleasedThe Ultimate TCP/IP Guide »
Feed Icon

Subscribe via RSS or email: