JavaScript Slider - fading images in.

[confused and dazed]

Hello internet.

I have a simple image slider that works well. However I have not been able to get the images to fade in. Can anyone direct me to a good tutorial on JavaScript that may teach me how to incorporate image fading into my slider?

Thanks.

[niche]

http://snook.ca/archives/javascript/simplest-jquery-slideshow

[davej]

This example demonstrates fade out...

http://w3schools.invisionzone.com/index.php?showtopic=50508

[confused and dazed]

Thanks for the links. I took a look at both. However it seems I am using a different approach to cycle through the images. I am using the code below. I set up individual variables and the function below steps through them. I would like to fade the images In/Out using this code I started with. Any recommendations?

 

 

var step=1function slideit(){if (!document.images)returndocument.images.slide.src=eval("image"+step+".src")if (step<7)step++elsestep=1setTimeout("slideit()",2500)}

[davej]

You should try to avoid using eval(). See the code here...

 

http://www.w3schools.com/jsref/coll_doc_images.asp

 

To fade between images you will need to fade out a foreground image to reveal the background image. After the fade is complete you swap the images to prepare for the next fade.

[confused and dazed]

Hmmmm.... I will go back and look over all the information provided.