PDA

View Full Version : Image Slideshow Help - Blending / Fade In



zumghalli
07-21-2005, 04:54 PM
Im employing the following script:
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

With this script each image fades into the next so at you end up seeing a blend of each image. How can i fade out each image to all white and if possible fade in each image from all white. My aim is to have as little cross-blend between images and to just have each image in the slide fade to white before the next one appears. The background of my page is white also.

jscheuer1
07-22-2005, 09:45 AM
Make a plain white .gif or .jpg of the same dimensions as your other images and put it in the array between each image (from the demo):

fadeimages[0]=["photo1.jpg", "", ""] //plain image syntax
fadeimages[1]=["white.jpg", "", ""]
fadeimages[2]=["photo2.jpg", "http://www.google.com", ""] //image with link syntax
fadeimages[3]=["white.jpg", "", ""]
fadeimages[4]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax
fadeimages[5]=["white.jpg", "", ""]

zumghalli
07-29-2005, 12:53 AM
just a follow up:
i wasnt clear about my initial problem. i need my photos to fade in and fade out without having them overlap or "blend" into one another.

i followed your advice: i inserted an all-white image between each photo. the fade in is great, but the fade out cuts abruptly to white. it was jolting to the eyes as it didnt actually "fade-out". so instead of the all-white image i made a transparent one instead. now it gives the "effect" of a fade out.