[thelist] JS lideShow Fade that Works In FF

Steven Carlisle o_sinz_o at hotmail.com
Mon Dec 20 15:00:16 CST 2004


Hi, im trying to configure this script so that it will cross-fade between 
images in FF. At the moment all it does is swap the image. If anyone out 
there can point out what i should be editing or how to to go about it;even 
if it's possiable to do. that would be great
cheers


<script language="javascript" type="text/javascript">
var Pic = new Array()
Pic[0] = 'projects/me1.jpg'
Pic[1] = 'projects/me2.jpg'
</script>

/* included js */
var slideShowSpeed = 6000
var crossFadeDuration = 3
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)
}

_________________________________________________________________
Need more speed? Get Xtra JetStream  @ http://xtra.co.nz/jetstream



More information about the thelist mailing list