0

だから私はjsで簡単なスライドショーを作成してページにフォトギャラリーを表示しました.問題は、スライドショーを試すたびにコンソールにエラーが表示されることです.

ReferenceError: 変数が見つかりません: 次へ

これは私のコードです:

スライドショー js コード:

    <script>
var myImage= new Array(); 
myImage[0]="1.jpg";       
myImage[1]="2.jpg";
myImage[2]="3.jpg";
myImage[3]="4.jpg";
myImage[4]="5.jpg";
myImage[5]="6.jpg"; 
myImage[6]="7.jpg"; 
myImage[7]="8.jpg"; 
myImage[8]="9.jpg"; 
myImage[9]="10.jpg"; 
myImage[10]="11.jpg"; 
myImage[11]="12.jpg";   

var ImageCnt = 0;

function next(){
    ImageCnt++;
    document.getElementById("whiteBox").style.background = 'url(' + myImage[ImageCnt] + ')';
  }
function previous(){
    ImageCnt--;
    document.getElementById("whiteBox").style.background = 'url(' + myImage[ImageCnt] + ')';
  }
</script>

HTML本文コード:

<div data-role="content">
    <div id="whiteBox"></div>
    <a href="#" onclick="next();return false;"><img src="next.png"/></a>
    <a href="#" onclick="previous();return false;"><</a>
    </div>

インターネットで検索したところ、似たような状況がたくさん見つかりましたが、解決策が見つかりませんでした。

4

1 に答える 1

1

コンソールで呼び出してみましたか?

Google chrome を使用して CTRL+SHIFT+J を押して入力しますnext();

またはこれを試してください。

<a href="#" onclick="javascript:next();"><img src="next.png"/></a>
于 2013-05-13T17:06:34.753 に答える