2016-07-25 10 views
0
var allImages = [imageData, imageData1, imageData2, imageData3, imageData4]; 
    var count = 0; 

    $("#right").click(function() { 
     if (count < 5){ 
     document.getElementById("hello").src = allImages[count]; 
     count++; 
     } 
    }); 

このコードを説明するために、配列allImagesには5つのイメージのbase64バージョンが含まれています。 #helloはデフォルト画像のIDです。 #rightはボタンのIDです。画像のソースが変更されても、デフォルト画像の表示は変わりません。

#rightをクリックすると、#helloのソースはallImages配列内のイメージの1つに変更されます。ただし、#rightをクリックするとディスプレイに何も表示されません。

右クリック機能以外でソースを変更しようとしましたが、そのときに#helloの表示が正しく変更されます。それに加えて、#右クリック機能は動作しません。なぜなら、クリックするとアクティブになる前に警告が表示されたからです。

+2

のいくつかのハードコーディングされた値を設定することにより、[MCVE] – j08691

+0

uは 'データ使用しない作成してくださいしてみてください:イメージ/(PNGを、 jpeg、..); base64、your_base64_data'をsrcとして使用しますか? –

+0

だから実際に何が起こるのですか?あなたの 'click'ハンドラは呼び出されていますか? 'document.getElementById'は実際に期待した要素を返しますか?ここに文脈が十分ではありません。 –

答えて

-1

おそらくの値がであることを確認する必要があります。
グローバル変数である可能性があります。他のコードブロックは、(count < 5) = falseを示す値に更新している可能性があります。

提案:変数の名前を変更した後場合、または条件を削除し、src属性

+0

これは最高の野生の推測です。 –

関連する問題