Rotating Images - Timed Image Swap
The Rotate Images JavaScript swaps images automatically on a timer. The code supports many options and features, such as:
- Sequential or random rotation.
- Linked or unlinked images. Linked images can all have the same destination URL or each can specify its own. Opening sub-windows and executing custom function calls onclick are also supported by the code.
- Rotate titles or captions with image rotation.
- Multiple instances are supported.
- Customizable rate of rotation.
- Images of varying dimensions can be included in the rotation.
- Pause/resume onmouseover/mouseout.
- Optional transition filter for Internet Explorer on Windows.[1]
- PHP directory listing as source of images.
The JavaScript Image Rotator is object-oriented and unobtrusive, with easy setup. Basic instructions guide you in the use of the code to suit your purposes. A download file contains the code and example documents.
See Licensing Information for use of the code. Please read dyn-web's Terms of Use if you plan to use our code.
Browser Support
Support for modifying the src attribute of image tags goes back to the early days of JavaScript, but some of the code's features require more up to date browsers.
The code has been successfully tested on the following browsers: Internet Explorer 5.5+, Firefox, Opera and Safari. Other relatively up-to-date standards compliant browsers would also be supported.
- Cross browser opacity manipulation is not currently supported due to performance issues which could be especially problematic due to the code's support for multiple instances.^