Question

我有以下脚本在我的网站上启动幻灯片演示danmccready.com/Aviemore我遇到的问题是幻灯片确实每隔3秒就会改变一次，但我希望它们随着逐渐消失的效果而改变。我没有喜悦地改变了crossFadeDuration变量。任何想法，谢谢Dan

 // 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()

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

如何将淡入淡出函数添加到现有幻灯片演示脚本元素

1 个答案: