創建一個JavaScript庫：更改實際圖像

我已經嘗試過網站上的各種解決方案，但我懷疑我在執行文檔中的實際圖像或其他任何問題時出錯。先謝謝您的幫助！創建一個JavaScript庫：更改實際圖像

這裏是我當前的代碼：

<html> 
<body> 

<link type="text/css" rel="stylesheet" href="Stylesheet.css"/> 


<img id="teemoimage" src="exampleurl"> 


<script> 
    var leagueofteemo=new Array() 
    var counter = 1 
    leagueofteemo[1]="exampleurl" 
    leageuofteemo[2]="exampleurl" 

    function back() 
    { 
    if (counter = 1) 
     { 
    counter = leagueofteemo.length; 
    } 
     else 
     { 
    counter--; 
    } 
     document.getElementById("teemoimage").src =leagueofteemo[counter] 
    } 

    function foward() 
    { 
     if (counter = leageofteemo.length) 
     { 
    counter = 1; 
    } 
     else 
     { 
    counter++; 
    } 
     document.getElementById("teemoimage").src = leageuofteemo[counter]; 
} 
</script> 

<form> 
    <input type="button" onclick="back()" value="Back"> 
    <input type="button" onclick="foward()" value="Foward"> 
</form>

來源

2013-12-13 user2880853

'leagueofteemo'不是'leageofteemo' ......也'leageuofteemo';）嘗試使用變量名稱更易於拼寫。 – ToniTornado

有幾件事你的代碼錯誤。

你平等運營商是不正確的，
JS數組0爲主。因此，而在0
leagueofteemo可變啓動陣列在某些情況下

我建議你使用某種工具來幫助您調試的JavaScript例如拼寫錯誤螢火蟲。或者，您現在可以使用大多數瀏覽器標準的開發者工具。

我已經修訂你的樣品是語法和語義正確的，但還沒有測試：

var leagueofteemo = new Array(); 
var counter = 0; 
leagueofteemo[0] = "exampleurl"; 
leageuofteemo[1] = "exampleurl"; 

function back() { 
    if (counter === 0) { 
     counter = leagueofteemo.length; 
    } 
    else { 
     counter--; 
    } 

    document.getElementById("teemoimage").src = leagueofteemo[counter]; 
} 

function foward() { 
    if (counter === leagueofteemo.length-1) { 
     counter = 0; 
    } 
    else { 
     counter++; 
    } 

    document.getElementById("teemoimage").src = leagueofteemo[counter]; 
}

來源

2013-12-13 12:52:20

Javascript中的分號是可選的。 – ToniTornado

你是對的，謝謝你指出。我已經相應地編輯了這篇文章。 –

創建一個JavaScript庫：更改實際圖像

回答

相關問題