JavaScript來改變圖像

我有一組圖像命名爲img1, img2, img3, img4,......., imgx.所以，我想編碼一個JavaScript來顯示圖像img1在document.onload()和第一次點擊圖像被改爲img2下一步點擊要更改的圖像img3然後與每個NEXT按鈕單擊的下一個圖像相同。以這種方式，我甚至需要PREVIOUS按鈕返回到先前查看的圖像。JavaScript來改變圖像

如何實現這個？

來源

2011-10-27 Mad coder.

是固定的還是動態的圖像集？ –

你有寫過任何代碼嗎？什麼都試過了？ – Dev

var currentImage = 1; 

window.onload = function() { 
    showImage(); 
}; 

document.getElementById("next").onclick = function() { 
    currentImage++; 
    showImage(); 
} 

function showImage() { 
    document.getElementById("image").src = "img" + currentImage + ".jpg"; 
}

這些是基礎知識，應該可以幫助您入門。如果您需要幫助實施其他方面，請向我們詢問您想要做什麼以及您嘗試做什麼。提示，你需要處理沒有「下一個」圖像顯示的情況。你想讓它回到開始或只是不工作？

來源

2011-10-27 14:52:02

也需要添加以前的點擊，並確保該功能不會超出圖像的範圍 –

@LaurenceBurke我確信地獄不會爲他做所有事情。他必須學習並嘗試自己。 –

讓OP知道還需要添加什麼。對不起，應該已經爲該 –

<script type="text/javascript"> 

var images = new Array("img/image1.jpg", "img/image2.jpg", "img/image3.jpg"); 
var cur_image = 0; 

function goNextImage() { 
    var img = document.getElementById('image'); 
    cur_image++; 
    if (cur_image == images.length) { 
     cur_image = 0; 
    } 
    img.src = images[cur_image]; 
} 

</script> 

<img src="img/image1.jpg" id="image" onclick="goNextImage()" />

來源

2011-10-27 14:54:53 Jules

JavaScript來改變圖像

回答

相關問題