The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature. To see the script in action, click on the first thumbnail below and then the Play button:

(photos taken by the authors on a trip to Thailand)

The viewer is free to use in personal or commercial web pages, provided that the script is not sold or exchanged for profit. An unbranded version of the slideshow, suitable also for resale, may be purchased for a one-time per-site license fee.

Slideshow Viewer API

The interface to the slideshow is simple - just insert the script source, initialize the viewer and photo links, and call the viewer.show() method. Here is an example:
<script type="text/javascript"
	src="http://slideshow.triptracker.net/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>

Custom Options

Further instructions on how to customize the viewer can be found here.

Slideshow Bookmarklet

A bookmarklet is also available, with which you can 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 (such as this page).
  3. Click on your bookmark to bring up the slideshow.
Note that the bookmarklet will only work properly on web pages that include thumbnails linking directly to the full-sized photos. In other cases, the viewer needs to be initialized explicitly using the method described above.


Copyright (c) 2006 - Klika and TripTracker.net. All rights reserved.