2011-02-08 6 views
0

2つ目の画像がゆっくりとフェードインしながら、1つの画像がゆっくりとフェードアウトします。スタイルをポジションに設定せずにこれを達成するにはどうすればよいですか?1つの画像をフェードアウトして、2番目にフェードインします

+3

てきましたあなたはjQuery Cycleプラグインを考慮しましたか?ライト版はフェードのみをサポートしているので、それが必要な唯一の効果だとしたら – mark123

+1

なぜ絶対位置決めがないのですか?比較的に位置づけられたdivでそれらをラップするだけではありませんか? – benhowdle89

答えて

2

は...のような何かをしようと

$('imageOneSelector').fadeOut(1000, function(){ 
    $(this).replaceWith(new image html); 
    $('imageOneSelector').fadeIn(1000); 
}); 

UPDATE:

画像のない相続人

jsfiddleテストが、同じコンセプトでなければなりません...

http://jsfiddle.net/qWngq/1/

+1

これは、1枚の画像を完全に消してから消してもらえませんか? (つまり、他のフェードインと同時にフェードアウトしないでください) – whostolemyhat

+0

@what ... yes thats true。私はそれはopが探している正確な動作ではないかもしれないと思います... – stephen776

+1

これのいくつかのバリエーションはあなたの探している結果を与えるかもしれませんが – stephen776

関連する問題