JavaScript 輪播圖取模運算：%3 對應 3 張圖，兩張圖改 %2 即可

程式碼片段

var arr = ["img1.jpg", "img2.jpg", "img3.jpg"];
var idx = 0;
function changeImage() {
    i.src = arr[++idx % 3];  // 關鍵行
}

原理

++idx % 3 產生循環索引：1, 2, 0, 1, 2, 0...，對應陣列索引 0,1,2。

修改為兩張圖

var arr = ["img1.jpg", "img2.jpg"];  // 只有兩張
function changeImage() {
    i.src = arr[++idx % 2];  // 改為 %2
}

索引序列變為 1, 0, 1, 0...，正好輪播兩張。

通用寫法

i.src = arr[++idx % arr.length];  // 自動適應陣列長度