我寫了js，我想要的效果是，幾張圖片輪播，按向左的按鈕就換到當前圖片的上一張，按向右的按鈕就換到，當前圖片的下一張，但是我現在實作的效果是，第一次按向前的按鈕就換到了陣列中的第一張，第二次按就是陣列中第二張，請問怎樣修改才能實作我想要的效果？
<script type="text/javascript">
window.onload = function() {
setInterval('ChangeImg()',1500); }
var i = 1;
function ChangeImg(){ i += 1; document.getElementById('img').src = 'image/img'+ i +'.jpg'; if(i==7){ i=0; } }
</script>
<script type="text/javascript">
var imgArr = ["image/img1.jpg","image/img2.jpg", "image/img3.jpg","image/img4.jpg","image/img5.jpg", ,"image/img6.jpg","image/img7.jpg"];
var index = 0;
function next(){ document.getElementById('img').src=https://bbs.csdn.net/topics/imgArr[index];
index++;
if(index==imgArr.length){ index=0; } }
function back(){ document.getElementById('img').src = imgArr[index];
index --;
if(index<0){ index=imgArr.length-1; } }
</script>
uj5u.com熱心網友回復：
<script type="text/javascript">
var imgArr = ["image/img1.jpg", "image/img2.jpg", "image/img3.jpg", "image/img4.jpg", "image/img5.jpg", "image/img6.jpg", "image/img7.jpg"];
var index = 0;
function next() {
index++;
if (index == imgArr.length) {
index = 0;
}
document.getElementById('img').src = imgArr[index];
}
function back() {
index--;
if (index < 0) {
index = imgArr.length - 1;
}
document.getElementById('img').src = imgArr[index];
}
</script>
document.getElementById('img').src = imgArr[index];你要放在變化后的索引后面。而且你定義的陣列有問題，沒看到兩個逗號連在一起嗎
uj5u.com熱心網友回復：
用前端框架。轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/46121.html
標籤：Java相關
上一篇：dubbo關閉時出現錯誤資訊
下一篇：pom.xml檔案中標紅報錯