Results 1 to 8 of 8

Thread: Ultimate Fade-in slideshow problems

  1. #1
    Join Date
    Mar 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-in slideshow problems

    Ultimate Fade-in slideshow
    http://www.dynamicdrive.com/forums/s...ead.php?t=8219

    Just found this tonight and have been playing with it for an hour or so with no success. Could someone give me an example of how you set the image paths? I tried editing his photo1.jpg and put my exact file location as well as just 1.jpg and put it in images folder with index file and it is still no displaying the image?


    this is the code I have. the pictures are inside the images folder in my webpage directory
    var fadeimages=new Array()
    -----------
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages[0]=["1.jpg", "", ""] //plain image syntax
    fadeimages[1]=["2.jpg", "", ""] //plain image syntax
    fadeimages[2]=["3.jpg", "", ""] //plain image syntax
    var fadebgcolor="white"-------


    Any help is greatly appreciated.
    Last edited by catp; 03-12-2006 at 04:51 AM.

  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

    Try working from the original demo page, the link in your post was for a special case using an external script file - not recommended, at least not starting out with this script. Here is a link to the Demo.
    - John
    ________________________

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

  3. #3
    Join Date
    Mar 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I am sorry but im confused. The demo link you posted is the exact script I used. I got the thing trying to work, but my images are not showing up and I do not see where you set the images directory in the script.

  4. #4
    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

    That is done in the images' array(s), ex:

    Code:
    var fadeimages=new Array()
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages[0]=["image/photo1.jpg", "", ""] //plain image syntax
    fadeimages[1]=["image/photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax
    fadeimages[2]=["image/photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax
    Where 'image' is the name of the directory just off of the directory that the page with this script on it is located. If you are already doing that, there is some other problem. The exact case (upper and lower) of the path and filename must be used on live installations. On most local machines, case will not matter. The best chance for me to tell what's wrong is to see a live demo of your best attempt.

    PLEASE: Include the URL to your problematic webpage that you want help with.
    - John
    ________________________

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

  5. #5
    Join Date
    Mar 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    ok I got it working, but I still did not figure out where you set the directory. I like to keep all images in the /images folder, but what I basically had to do was move the 5 images I am scrolling out into the index.html folder to get it to work. Again it is working so I am basically happy, but just like to keep things tidy in the web server folders.
    http://www.photographybynelson.net/

  6. #6
    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

    If you do this:

    Code:
    var fadeimages=new Array()
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages[0]=["images/1.jpg", "", ""] //plain image syntax
    fadeimages[1]=["images/2.jpg", "", ""] //plain image syntax
    fadeimages[2]=["images/3.jpg", "", ""] //plain image syntax
    fadeimages[3]=["images/4.jpg", "", ""] //plain image syntax
    fadeimages[4]=["images/5.jpg", "", ""] //plain image syntax
    You can move the images back to the images folder.
    - John
    ________________________

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

  7. #7
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Or to be absolutely sure, you can always specify absolute URLs to the images on your server inside the script:

    Code:
    fadeimages[0]=["http://www.photographybynelson.net/1.jpg", "", ""] //plain image syntax
    fadeimages[1]=["http://www.photographybynelson.net/2.jpg", "", ""] //plain image syntax
    fadeimages[2]=["http://www.photographybynelson.net/3.jpg", "", ""] //plain image syntax
    Just verify that each image URL is valid, for example, http://www.photographybynelson.net/1.jpg

  8. #8
    Join Date
    Mar 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Sorry I was so slow guys. Thanks for all the help. I moved the images back and everything is working fine.

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
  •