dodanie rozmycia do kodu zmieniającego zdjęcie?

pytanie zadane 6 października 2019 w JavaScript przez lalanablanalala Bywalec (2,110 p.)

Witam czy wie ktoś jak dodać jakiś efekt przejścia niż zwykłe migniecie ?

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 60000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

var Pic = new Array() 
Pic[0] = 'image/background.jpg'
Pic[1] = 'image/background2.jpg'
Pic[2] = 'image/background3.jpg'
Pic[3] = 'image/background4.jpg'
Pic[4] = 'image/background5.jpg'
Pic[5] = 'image/background6.jpg'
Pic[6] = 'image/background7.jpg'

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)
}