DHTML Slideshow with Fading Effects - Example

Example of DHTML slideshow with fading effect that works in NN4, IE4, Opera 5, Mozilla, and all browsers based on Gecko. Older browsers display the pictures side by side.

An explanation is also available.

Compatibility

  • The fading effect does not work in Opera 5, Konqueror and Omniweb, because these browser do not support clipping
  • Mozilla doesn't support fading if you use XHTML or strict version of HTML 4
  • Older browsers show the pictures side by side
  • Explorer 5 on Mac doesn't support fading if you use the doctype
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

Note: this page specifically does not have an associated document type.

This script is based on the layer scroll script by Peter-Paul Koch.

Previous    Next    No fade    Fade
 
1
2
3