想要像衰落的東西一樣順利地改變bg

Question

我花了很多天試圖找出如何爲背景圖像轉換做動畫處理，但我找不到解決方案。我是新來的Web開發，所以請不要苛刻;）

下面是一些示例代碼，我從別人那裏得到：

var images = ['bg1.jpg', 'bg2.jpg', 'bg3.jpg']; 
var curImage = 0; 
function switchImage() 
{ 
curImage = (curImage + 1) % images.length 
document.body.style.backgroundImage = 'url(images/' + images[curImage] + ')' 
} 
window.setInterval(switchImage, 5000); 

此代碼瞬間改變背景圖像，但我想在新的背景圖像淡入

下面是我創建的網頁的鏈接：

http://preferredmerchantservices.net/

我希望有人能HEL請告訴我，並提前致謝。

Answer 1

如果你不想放鬆太多時間試圖找出自己，你應該使用庫，如jQuery。因此，這只是fadeIn()和​​的問題。

既然你在web開發新手，你必須知道jQuery是一個非常受歡迎的庫幾乎每個人都在使用時下。它可以讓你編寫更少的代碼並做更多。

但最重要的是，它確保跨瀏覽器的兼容性。

Answer 2

看看這個問題：

Fading in a background image

下面是說明如何做jQuery的淡入淡出過渡的鏈接：

http://jqueryfordesigners.com/image-loading/

如果您需要jQuery庫，您可以將此代碼粘貼到您的網頁中：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>