DHTML Slideshow with Fading Effects - Example

This script demonstrates a DHTML slideshow with fading effects, you will not be able to see what it looks like but if you want to impress your friends you can find links below to my article where I explain how to make one by yourself.

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, Konqueror and Omniweb, because these browser do not support clipping
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">
Mozilla doesn't support fading if you use XHTML or strict version of HTML 4

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

Comments

Broken in Moz1.1
by Simon () on 10 Sep 2002 1:48am GMT

Fade effects don't work in Moz1.1

DOCTYPE problems, again...
by martin on 12 Sep 2002 10:41pm GMT

It wasn't working because I use XHTML 1.1 and Mozilla refuses to set clipping.

I fixed that for the demo, see the additional information above.

thanks
by Said Abdillah (curl@doctor.com) on 21 Oct 2002 1:10am GMT

Thans you give me

slideshow
by jeff () on 4 Jan 2003 5:45pm GMT

IE 5.5

this thing isn't working at ALL

IE 6.0
by excessus () on 6 Feb 2003 3:45pm GMT

same... not working

IE 6
by () on 10 Feb 2003 2:10am GMT

Not working at all indeed...

Here is a much better one!!
by Jove (Jove1@Hotmail.com) on 13 Mar 2003 4:32pm GMT

I found this and contacted the person who wrote it. Check it out:

<A HREF=www.rozenthal.com/SlideShow.aspx TARGET="_BLANK">www.rozenthal.com/SlideShow.aspx</A>

Not Bad huh???

A better Slide show- This didnt work for me
by Jove (Jove1@Hotmail.com) on 13 Mar 2003 4:35pm GMT

I found a better one and contacted the author by email. He helped me a lot!!

Thake a look at

His SlideShow

nice :-)
by Konstantinopel (spocky@bongster.de) on 15 Apr 2003 5:57pm GMT

It does work here with Opera 7!

not working...
by N.C. () on 29 Sep 2003 6:43pm GMT

I've got IE & it isn't working.

Doesn't work with IE6, Moz 1.5, or NN 4.76
by J. V. (jeff_venters@yahoo.com) on 9 Oct 2003 4:00pm GMT

What gives?

==========================

From Mozilla: Error: changeSlide is not defined

Source File: javascript:changeSlide(1)

Line: 1

==========================

From IE6:

Line: 2

Char: 1

Error: Invalid character

Code: 0

URL: http://margin.f2o.org/javascript/slideshow

========================

From NN 4.76 - nothing happens!