Results 1 to 8 of 8

Thread: MultiFrame Image slideshow

  1. #1
    Join Date
    Sep 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default MultiFrame Image slideshow

    Is there a way for this script not to rotate to the left.

    For example, the example on the script page starts with green, yellow, orange - the first pass through the script stays that way, but the second pass is red blue etc.

    What I would like to do is have 4 images - 3 of them faded and then the not faded stay in place (just replacing the faded ones) so in others words for the script not to move forward, just staying with the first cycle over and over.

  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

    More detail might help, also:

    Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format for asking a question.
    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

  3. #3
    Join Date
    Sep 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    MultiFrame Image Slideshow

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

    The page where it can be viewed is http://www.eccentriclegacy.com/strollers.htm

    I want the "dark" images to always match the "faded images" - right now they rotate to the right - I want them to stay as 1,2,3,4 always.

  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

    I get the idea now, you want to show how easy it is to stow the folding jogger in your car. I'll have to work on this but, it is doable.
    - John
    ________________________

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

  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

    Got it! First off, you had a slight, unrelated error in your image array, replace it with this one:
    Code:
    var seqslides=new Array()
    //Set Path to Image plus optional URL ("" for no URL):
    seqslides[0]=["pic1.jpg", ""]
    seqslides[1]=["pic2.jpg", ""]
    seqslides[2]=["pic3.jpg", ""]
    seqslides[3]=["pic4.jpg", ""]
    seqslides[4]=["pic1.jpg", ""]
    Now, to get the effect you want, replace the function displayit() with this one:
    Code:
    function displayit(){
    if (curslide<slidestoreveal){
    illuminateslide(curslide, opacityvalues[1])
    curslide++
    }
    else{
    for (i=0;i<slidestoreveal;i++)
    illuminateslide(i, opacityvalues[0])
    illuminateslide(0, opacityvalues[1])
    curslide=1
    }
    }
    And, since it is no longer used, you can get rid of this:
    Code:
    function changeimage(slideindex){
    document.getElementById("seqslide"+slideindex).innerHTML=processimgcode(seqslides[curimgindex])
    curimgindex++
    if (curimgindex>=seqslides.length)
    curimgindex=0
    }
    - John
    ________________________

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

  6. #6
    Join Date
    Sep 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    It doesn't seem to be working, but I'm not getting any error messages.

    http://www.eccentriclegacy.com/strollers.htm

    I think I cut and pasted everything correctly?

  7. #7
    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've removed the part in red below, restore it:
    Code:
    function displayit(){
    if (curslide<slidestoreveal){
    illuminateslide(curslide, opacityvalues[1])
    curslide++
    }
    else{
    for (i=0;i<slidestoreveal;i++)
    illuminateslide(i, opacityvalues[0])
    illuminateslide(0, opacityvalues[1])
    curslide=1
    }
    }
    
    if (document.getElementById)
    setInterval("displayit()",slidedelay)
    
    
              </SCRIPT>
    - John
    ________________________

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

  8. #8
    Join Date
    Sep 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    John,

    Works like a charm. Thanks so much for your help. It is much appreciated.

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
  •