Help making a javascript work across all browsers

Discussion in 'JavaScript' started by liam1412, Dec 29, 2007.

  1. #1
    Hi

    Im not too good with JS and have found this script that rotates images with a fade. It works fine in IE7 and works in Firefox but without the fade and it doesn't work at all in opera.

    Any way here is the script and if the changes aren't too big can anyone help me out at all. Ideally I would like it to fade in all browsers but if it rotates at all in all browsers then that will do fine

    Thanks in advance.

    
     <script>
          // (C) 2000 www.CodeLifter.com
          // http://www.codelifter.com
          // 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 = 5000
    
          // 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] = 'images/rotator/veyron.jpg'
          Pic[1] = 'images/rotator/arse.jpg'
          Pic[2] = 'images/rotator/koenigsegg.jpg'
    
          // =======================================
          // do not edit anything below this line
          // =======================================
    
          var t
          var j = 0
          var p = Pic.length
    
          var preLoad = new Array()
          for (i = 0; i < p; i++){
             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()
             }
             j = j + 1
             if (j > (p-1)) j=0
             t = setTimeout('runSlideShow()', slideShowSpeed)
          }
          </script>
     
    
    PHP:
     
    liam1412, Dec 29, 2007 IP