Results 1 to 6 of 6
  1. #1

    Fade in Fade out slide show? *Link*

    http://www.jonessoda.com/index_main.html

    See the top? I want something like that...Anyone know where to get that? thx!

  2. #2
    Join Date
    Sep 2004
    Location
    McKinney, TX
    Posts
    100
    I had something similar on one of my sites....can't remember where i got it from....

    but look around at hot-scripts.com and javascripts.internet.com

  3. #3
    can I lift the code from that site i gave the link to?

  4. #4
    Join Date
    Nov 2004
    Location
    Central England
    Posts
    43
    It only fades in IE. In mozilla it just changes with no effect what-so-ever. You can lift the code from their source. I'll PM you the code from their source.

  5. #5
    Join Date
    Mar 2004
    Posts
    1,468
    PHP Code:
    <script>
    <!--
    // (C) 2000 [url]www.CodeLifter.com[/url]
    // [url]http://www.codelifter.com[/url]
    // Free for all users, but leave in this  header
    // NS4-6,IE4-6
    // Fade effect only in IE; degrades gracefully

    // =======================================
    // set the following variables
    // =======================================

    // Set slideShowSpeed (milliseconds)
    var slideShowSpeed 6000

    // Duration of crossfade (seconds)
    var crossFadeDuration 3

    // Specify the image files
    var Pic = new Array() // don't touch this
    // to add more images, just continue
    // the pattern, adding to the array below

    Pic[0] = 'gifs5/front-1.jpg'
    Pic[1] = 'gifs5/front-2.jpg'
    Pic[2] = 'gifs5/front-3.jpg'


    // =======================================
    // do not edit anything below this line
    // =======================================

    var t
    var 0
    var Pic.length

    var preLoad = new Array()
    for (
    0pi++){
       
    preLoad[i] = new Image()
       
    preLoad[i].src Pic[i]
    }

    function 
    runSlideShow(){
       if (
    document.all){
          
    document.images.SlideShow.style.filter="blendTrans(duration=2)"
          
    document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
          
    document.images.SlideShow.filters.blendTrans.Apply()      
       }
       
    document.images.SlideShow.src preLoad[j].src
       
    if (document.all){
          
    document.images.SlideShow.filters.blendTrans.Play()
       }
       
    1
       
    if (> (p-1)) j=0
       t 
    setTimeout('runSlideShow()'slideShowSpeed)
    }
    <!--
    function 
    MM_swapImgRestore() { //v3.0
      
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function 
    MM_preloadImages() { //v3.0
      
    var d=document; if(d.images){ if(!d.MM_pd.MM_p=new Array();
        var 
    i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0i<a.lengthi++)
        if (
    a[i].indexOf("#")!=0){ d.MM_p[j]=new Imaged.MM_p[j++].src=a[i];}}
    }

    function 
    MM_findObj(nd) { //v4.01
      
    var p,i,x;  if(!dd=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        
    d=parent.frames[n.substring(p+1)].documentn=n.substring(0,p);}
      if(!(
    x=d[n])&&d.allx=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(
    i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!
    && d.getElementByIdx=d.getElementById(n); return x;
    }

    function 
    MM_swapImage() { //v3.0
      
    var i,j=0,x,a=MM_swapImage.argumentsdocument.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((
    x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrcx.oSrc=x.srcx.src=a[i+2];}
    }
    //-->
    </script> 
    Or you could look at http://www.codelifter.com.
    Haven't been on WHT for 6 years!

  6. #6
    I think that can be easily done in Frontpage or you can get such scripts from dynamicdrive.com
    BigHostCompany
    http://www.bighostcompany.com
    http://www.roundberry.com

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •