JSを円滑

Question

Iはすでに画像を交換する機能を有しているが、それらは、任意のアニメーションなしスワップ。今私は、関数魔女はフェージングで画像を入れ替えたいです。スワップ関数の記述コードは次のとおりです。

var header = new Array(); 
header[0] = "images/lan/IMG_2799.jpg"; 
header[1] = "images/lan/IMG_2816.jpg"; 


var x = 0; 

function swapHeader() { 
    document.getElementById("header").style.backgroundImage = "url(" + header[x] + ")"; 
    if (x < header.length - 1) x++; else x = 0; 
    setTimeout("swapHeader()", 5000); 
} 
window.onload=swapHeader; 

Answer 1

イメージごとに1つずつ、2つの要素を使用できます。その後、徐々に増加し、上部の1の不透明度（CSSプロパティを）減らします。あなたのコンテンツの残りの部分は、これら二つの要素の上に移動して、透明な背景を持っている必要があります。