Results 1 to 3 of 3

Thread: Image Slideshow Help - Blending / Fade In

  1. #1
    Join Date
    Jul 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Image Slideshow Help - Blending / Fade In

    Im employing the following script:
    http://www.dynamicdrive.com/dynamici...nslideshow.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.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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):
    Code:
    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", "", ""]
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jul 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •