PDA

View Full Version : MultiFrame Image slideshow



rosacanina
09-12-2005, 06:38 PM
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.

jscheuer1
09-12-2005, 06:50 PM
More detail might help, also:

whatever
.

rosacanina
09-12-2005, 09:09 PM
MultiFrame Image Slideshow

http://www.dynamicdrive.com/dynamicindex14/multiframeslide.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.

jscheuer1
09-12-2005, 10:01 PM
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.

jscheuer1
09-13-2005, 12:37 AM
Got it! First off, you had a slight, unrelated error in your image array, replace it with this one:

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:

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:

function changeimage(slideindex){
document.getElementById("seqslide"+slideindex).innerHTML=processimgcode(seqslides[curimgindex])
curimgindex++
if (curimgindex>=seqslides.length)
curimgindex=0
}

rosacanina
09-13-2005, 03:20 PM
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?

jscheuer1
09-13-2005, 03:50 PM
You've removed the part in red below, restore it:

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>

rosacanina
09-13-2005, 04:12 PM
John,

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