1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Slideshow Opacity

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

0
  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