Question

第一次使用JavaScript编码器。

尝试解决此问题，以便在单击该图像的相应按钮时显示图像，然后该功能继续显示数组和循环中的其他图像。

例如，如果横幅显示图像4并且用户点击图像2的按钮，则横幅应显示图像2，然后旋转以显示图像3并继续循环。

以下是代码：

var i = 0;
var baners = new Array();
baners.push('banner1.jpg');
baners.push('banner2.jpg');
baners.push('banner3.jpg');
baners.push('banner4.jpg');
baners.push('banner5.jpg');



function swapImage(){
var img = document.getElementById("banner");
    img.src = baners[i];
    if (i<(baners.length-1)){i++;
    }else{ 
        i=0;
    }

setTimeout('swapImage()', 2000);        

}



function button1 (){
    var img = document.getElementById("banner");
    img.src = baners[0]

}

我不确定是否可以为5个按钮创建一个全局功能。

谢谢！

Answer 1

我不确定是否可以为5个按钮创建一个全局功能。

是。使用这样的东西：

function buttonClicked(number) {
    var img = document.getElementById("banner");
    img.src = baners[number]
    i = number; // set current loop position
}

然后从button1调用buttonClicked(0)，从按钮2调用buttonClicked(1)，依此类推。如果您想使用for循环自动将处理程序附加到按钮，请查看JavaScript closure inside loops – simple practical example。

选择数组中的图像并继续

1 个答案: