slideshow-js


A javascript and css file to aid in making attractive accessible image slideshows

Overview

slideshow.js is a javascript file that converts an unordered list into a moving slideshow. Although it is currently in development and not feature complete, the download is production ready and tested. So far, this script has been tested in IE7, IE6, Safari 2, and Firefox 2. Please let us know if you test this script in another browser.

I also keep a backpack page here: http://myobie.backpackit.com/pub/999242

Usage

The most basic way to create a slideshow is:

new Slideshow('object_id').create();

The basic idea for the html is:

```

  • ```

    You can see the included example page in the download or at http://myobie.com/temp/slideshow/example.html

    Requirements

    slideshow.js requires Prototype and Scriptaculous. In the future, a stripped down version of these libraries will be provided to save space if desired. These files are included in the download and are credited to their respective creators. I love these two libraries.

    Why?

    In my work on various projects I have always needed a quick way to create a slideshow of images. I decided to try to put a bunch of images into a div and make that div slide left and right to reveal each image (similar to the technique invented by Joshua Davis). More recently I have decided that this could be best represented as a list (unordered or ordered) and that I needed to standardize my technique, instead of reinventing the wheel each project.

    (Ordered lists do not work yet. That is a future enhancement, along with non-image content.)

    Project Information

    • License: GNU GPL v2
    • 13 stars
    • svn-based source control

    Labels:
    javascript slideshow images