Slideshow Opacity

Discussion in 'JavaScript' started by jamie smith, Mar 26, 2005.

  1. #1
    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 = new Image()
    preLoad1.src = Pic1
    }

    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>
     
    jamie smith, Mar 26, 2005 IP
  2. J.D.

    J.D. Peon

    Messages:
    1,198
    Likes Received:
    65
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Filters work only in IE.
     
    J.D., Mar 26, 2005 IP