Results 1 to 5 of 5

Thread: Help with a slideshow script

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

    Default Help with a slideshow script

    Ultimate Fade-in slideshow (v1.5)

    http://www.dynamicdrive.com/dynamici...nslideshow.htm

    I was looking for a slide show to use and came across this one, but alast I am not able to use it due to the fact I have no idea what I am doing lol, I would like to use it so if anyone could help it would be nice.

    I would like to use it just the way it is but have no idea where to put my pictures in the script, could one of you please show me where to insert them by using a red font color where the pictures go or whatever else I have to change, like I said I am lost. The pictures that I want to use are located in

    C:\My Documents\Halau Web design\pictures\crowd3.gif

    I assume that when the script says "no need to edit below here" that they really mean that.

    I also assume that once I upload the pictures to the server I would use that as the path? (but you know what happens when you assume things)

    Anyway thanks in advance
    --------------------------------------------------------------------------
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Untitled</title>



    <script type="text/javascript">
    /***********************************************
    * Ultimate Fade-In Slideshow (v1.5): © Dynamic Drive (http://www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for this script and 100s more.
    ***********************************************/

    var fadeimages=new Array()
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages[0]=["photo1.jpg", "", ""] //plain image syntax
    fadeimages[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax
    fadeimages[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax

    var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages2[0]=["photo1.jpg", "", ""] //plain image syntax
    fadeimages2[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax
    fadeimages2[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax

    var fadebgcolor="white"

    ////NO need to edit beyond here/////////////

  2. #2
    Join Date
    Feb 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Is this the answer?

    I am trying to learn on my own but sometimes I can be kind of slow on the uptake LOL.

    <script type="text/javascript">
    /***********************************************
    * Ultimate Fade-In Slideshow (v1.5): © Dynamic Drive (http://www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for this script and 100s more.
    ***********************************************/

    var fadeimages=new Array()
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages[0]=[" C:\My Documents\Halau Web
    design\pictures\crowd3.gif", "", ""]
    fadeimages[1]=[" C:\My Documents\Halau Web design\pictures\crowd2.gif ", "", ""]
    fadeimages[2]=[" C:\My Documents\Halau Web design\pictures\crowd2.gif ", "", ""]

    var fadebgcolor="white"

    ////NO need to edit beyond here/////////////

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

    Yes, that's it and you are right, once the page and images are on the web, the paths in the code must reflect the images' locations on the server. If you leave them as in your second post (pointing to locations on your computer), you will see them but no one else will.
    - John
    ________________________

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

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

    Default Still not seeing the pics

    Quote Originally Posted by jscheuer1
    Yes, that's it and you are right, once the page and images are on the web, the paths in the code must reflect the images' locations on the server. If you leave them as in your second post (pointing to locations on your computer), you will see them but no one else will.
    Thanks John "but" when I load the page in the editor(1st page) an look at the preview I don't get any pics, and when I open the page in my browser I still don't get any pics (opened the browser while I am not online) it shows image 1 then 2 then 3 at the bottom but no pics, so I must be doing something wrong. I will keep struggling along an see if I can get it to work.

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

    You might want to get rid of the space:

    Code:
    fadeimages[2]=[" C:\My Documents\Halau Web design\pictures\crowd2.gif ", "", ""]
    between the " and the C:\

    Also, try this convention:

    Code:
    fadeimages[2]=["file:///C:/My%20Documents/Halau Web design/pictures/crowd2.gif ", "", ""]
    It's the way my browser represents files on the local drive. Using %20 for spaces in directory and file names as well as prefacing the whole thing with:

    file:///

    Don't forget to use the / instead of the \ either.
    - John
    ________________________

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

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
  •