ここにある Java スクリプト コードは自動スライド画像ですが、.box1 クラスをクリックすると、これを onclick コードとして変換する必要があります。
そして、box1クラスをクリックすると、クロスフェードはid = #mainにある背景画像にのみ影響する必要があります。クロス フェードは box1 に影響を与えてはならず、背景画像のクロス フェード時に連続して表示される必要があります。
背景画像をクロスフェードするには、画像を画像フォルダーに直接接続する必要があります。そのためには、#main の画像フォルダーと背景画像に接続する必要があります。
誰かがこれを助けることができますか?
var timer = setInterval(nextImage, 4000);
var curImage = 0;
var numImages = 5;
function nextImage() {
var e;
// remove showMe class from current image
e = document.getElementById("slideimg" + curImage);
removeClass(e, "showMe");
// compute next image
curImage++;
if (curImage > numImages - 1) {
curImage = 0;
}
// add showMe class to next image
e = document.getElementById("slideimg" + curImage);
addClass(e, "showMe");
}
function addClass(elem, name) {
var c = elem.className;
if (c) c += " "; // if not blank, add a space separator
c += name;
elem.className = c;
}
function removeClass(elem, name) {
var c = elem.className;
elem.className = c.replace(name, "").replace(/\s+/g, " ").replace(/^\s+|\s+$/g, ""); // remove name and extra blanks
}