單擊交叉淡入淡出背景圖像

Question

這里的Java腳本代碼是自動幻燈片圖像，但是當我單擊.box1類時，我需要將其轉換為onclick代碼。

當我單擊box1時，類crosssfade僅對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
}

Answer 1

檢查以下JSfiddle更改clcik上的圖像

http://jsfiddle.net/arunberti/cwP5Q/99/

在下面的代碼中編寫函數

$('#container').click(function() {

});