Slideshow Opacity

jamie smith

Mar 26th 2005, 5:10 am

Hello

Can anybody help me, ive been trying to change a slideshow script so that it uses opacity enabling it to work in Netscape, but I cant get it to work.
Any help or advice would be brilliant as I am on the point of giving up.
Thank you

<HTML>
<Head>
<Script Language=JavaScript>

var slideShowSpeed1 = 4000;
var slideShowSpeed2 = 6000;

var currIMG1 = 0;
var currIMG2 = 0;

var Pic1 = new Array()
Pic1[0] = 'pic/bcn1.jpg'
Pic1[1] = 'pic/bcn2.jpg'
Pic1[2] = 'pic/bcn3.jpg'

var nPix1 = Pic1.length-1;
var preLoad1 = new Array()
for (i=0; i<nPix1+1; i++)
{
preLoad1[i] = new Image()
preLoad1[i].src = Pic1[i]
}

var Pic2 = new Array()
Pic2[0] = 'pic/bcn1.jpg'
Pic2[1] = 'pic/bcn2.jpg'
Pic2[2] = 'pic/bcn3.jpg'

var nPix2 = Pic2.length-1;
var preLoad2 = new Array()
for (n=0; n< nPix2+1; n++)
{
preLoad2[n] = new Image()
preLoad2[n].src = Pic2[n]
}

function runSlideShow1(){

SlideShow1.style.filter="blendTrans(duration=2)";
SlideShow1.filters.blendTrans.Apply();
SlideShow1.src = preLoad1[currIMG1].src;
SlideShow1.filters.blendTrans.Play();
currIMG1++
if (currIMG1 > (nPix1)){currIMG1=0}
setTimeout('runSlideShow1()',slideShowSpeed1);
}

function runSlideShow2(){

SlideShow2.style.filter="blendTrans(duration=5)";
SlideShow2.filters.blendTrans.Apply();
SlideShow2.src = preLoad2[currIMG2].src;
SlideShow2.filters.blendTrans.Play();
currIMG2++
if (currIMG2 > (nPix2)){currIMG2=0}
setTimeout('runSlideShow2()',slideShowSpeed2);
}

function init(){

runSlideShow1();
runSlideShow2();
}

window.onload=init;

</Script>
</Head>
<Body>
<img src="slideshow1_1.jpg" id='SlideShow1' width=330 height=220>
<img src="slideshow2_1.jpg" id='SlideShow2' width=330 height=220>
</Body>
</HTML>