javascript - 既存のスライドショー スクリプト要素にフェード機能を追加する方法

Question

私のウェブサイトでスライドショーを開始する次のスクリプトがあります。私は喜んで 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

JavaScript を使用する代わりに、jquery プラグインを使用できます。その後、物事ははるかに簡単になります。小さな Example をいじりました。をご覧ください。役立つかもしれません: http://jsfiddle.net/YueA6/

jquery メソッド:

fadeOut()

ここで大きな効果を得るために使用できます。