頁面加載時兩個圖像之間的淡入淡出然後停止

頁面加載完成後，我希望一張圖像能夠淡入淡出。不在一個循環中，只需要一次。頁面加載時兩個圖像之間的淡入淡出然後停止

我想創建這裏可以看到效果：

Blur Fade

我相信它必須使用jQuery非常簡單？

在此先感謝

來源

2010-09-14 Anthony

不能在jQuery的模糊。 – SLaks 2010-09-14 13:06:04

非常正確，我想我可能會在Photoshop中將模糊應用於圖像，然後從焦點圖像淡入模糊圖像？ – Anthony 2010-09-14 14:19:17

您可以通過使用CSS在同一個地方放置它們，然後使用jQuery調用fadeIn()和兩幅圖像之間的交叉淡入淡出。

例如：

$(function() { 
    $('img.OldImage').fadeOut(); 
    $('img.NewImage').fadeIn(); 
});

來源

2010-09-14 13:07:10 SLaks

我可以使用fadeTo嗎？ – Anthony 2010-09-14 14:08:03

@Anthony：是的，但不會有任何不同。 – SLaks 2010-09-14 14:12:35

爲了擴大我上面的評論，我可以使用fadeTo（），因爲我只使用兩個圖像？使用CSS將兩個圖像完全定位在另一個之上，並將頂部圖像淡入到不透明度0？ $（文件）。就緒（函數（）{ $（ 'img.TopImage'）延遲（500）.fadeTo（ '正常的'，0）; }）; 這是正確的嗎？這是否適用於類.TopImage應用於它的圖像？ – Anthony 2010-09-14 14:23:01

試試這個：

$(document).ready(function(){ 
    $(function() { 
     $('.byeIMG').fadeOut("slow"); 
     $('.heyIMG').fadeIn("slow"); 
    }); 
});

來源

2013-06-05 13:06:05

頁面加載時兩個圖像之間的淡入淡出然後停止

回答

相關問題