javascript - 如何将淡入淡出功能添加到现有的幻灯片脚本元素

Question

我有以下脚本，它在我的网站 danmccready.com/Aviemore 上启动幻灯片我遇到的问题是幻灯片每 3 秒更改一次，但我希望它们随着渐变效果而改变。我没有高兴地更改了 crossFadeDuration 变量。任何想法，谢谢丹

 // set the following variables
 // Set slideShowSpeed (milliseconds)
 var slideShowSpeed = 3000

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


 // 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] = 'image1.jpg'

 }

 function runSlideShow(){
     if (document.all){
        document.images.SlideShow.style.filter="blendTrans(duration=2)"
        document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration=1000)"
        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)
     }

Answer 1

您可以使用 jquery 插件，而不是采用 javascript 方式。事情变得容易得多。我摆弄了一个小例子。看看，可能对你有帮助：http: //jsfiddle.net/YueA6/

jQuery方法：

fadeOut()

可以在这里使用，效果很好。