2017-01-12 10 views
1

基本的に私はthis effectを再現しようとしていますが、fadeOutを白にしないで、次の画像の後にいつも「フェードイン」する方法を理解できません。jQueryフェードインフェードアウトなし?

var run = function() { 
    transition(); 
    slideshow.fadeIn('slow', function() { 
     setTimeout(function() { 
      slideshow.fadeOut('slow', run); 
     }, timeToDisplay); 
    }); 
} 

fadeInをfadeInに置き換えようとしましたが、動作しません。何か案は ?

+0

は、[このフィドル](https://jsfiddle.net/z4dd1bg4/)はあなたのための仕事をするだろうか? – EhsanT

+0

これは私が望む効果ですが、複数のdivを持つことは望ましくありません。同じdivにfadeIn効果のある背景画像のURLを変更して欲しいです。ありがとう! –

+0

1つのdivでのみ実行する方法はありません。 1つのdivで0の不透明度にフェードアウトせずに画像を変更すると、画像の変化の間にジャンプが表示されます。なぜ複数のdivを使用できないのですか? javascriptコードで内部divを動的に作成し、htmlに挿入するとどうなりますか?まだあなたのために受け入れられない? – EhsanT

答えて

0

私はあなたがフェードインだけを望むと思います。だからfadeOutをfadeInに変更してください。

var run = function() { 
    transition(); 
    slideshow.fadeIn('slow', function() { 
     setTimeout(function() { 
      slideshow.fadeIn('slow', run); 
     }, timeToDisplay); 
    }); 
} 

(ここでは、あなたのフィドルがある)[https://jsfiddle.net/yonashailug/q8ebgm75]

+0

提供されたフィドルは404です! – EhsanT

+0

@ EhsanT fadeIn関数内のfadeOutがfadeInに変更されました。私はフィドルを更新しています。 –

+0

私はそれを見ました、そして私は他のコメントを削除しました。申し訳ありません... – EhsanT

関連する問題