2011-02-08 69 views
0

我想要一個圖像慢慢淡出,而第二個圖像慢慢淡入。兩個圖像應該位於同一個位置。我怎樣才能做到這一點,而不需要將他們的風格設置爲:絕對?淡出一個圖像,淡入第二個

+3

有無你認爲jQuery Cycle插件? Lite版本只支持淡入淡出,所以如果這是你需要的唯一效果。 – mark123 2011-02-08 14:21:22

+1

爲什麼沒有絕對的定位?你能不能把它們包裝在相對定位的div中? – benhowdle89 2011-02-08 14:25:01

回答

2

嘗試類似...

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

UPDATE:

繼承人的jsfiddle測試沒有圖像,但應該是相同的概念...

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