0

配列に関するもう 1 つの基本的な JavaScript の質問があります。

ページが読み込まれるたびにランダムな画像を読み込む簡単なコードがあります。問題は、画像自体の横に画像の名前を表示したいということです。私は方法を理解できないようです。これまでの私のコードは次のとおりです。

//I. Array of pictures that will randomly appear

var plaatjes = new Array ( );
plaatjes[0] = "burger.png";
plaatjes[1] = "tomaat.png";
plaatjes[2] = "aardappel.png";
plaatjes[3] = "sla.png";

//II. function to generate number from 0 to n

function randomplaatje (n)
{
 return ( Math.floor ( Math.random ( )*0.9999999999999999* (n + 1)) );
}

//III. assign any random number from 0 to 2 to x.

x = randomplaatje(3);

//IV. display the image 

document.write('<img alt="randomplaatje" src="' + plaatjes[x] + '"/>');

配列内の画像に alt タグを追加することも可能ですか? また、テキストボックスなどの画像の横に表示できますか。

前もって感謝します！

4

3 に答える 3

1

1 つの解決策は、配列内のオブジェクトを使用することです。

    var plaatjes = [
      {src:"burger.png","name":"This is a burger"},
      {src:"tomaat.png","name":"This is a tomaat"},
      {src:"aardappel.png","name":"This is a aardappel"},
      {src:"sla.png","name":"This is a sla"}
];

function randomplaatje (n)
{
 return ( Math.floor ( Math.random ( )*0.9999999999999999* (n + 1)) );
}

//Assign any random number from 0 to 2 to x.
x = randomplaatje(3);


// The image source is plaatjes[x].src and the image name is plaatjes[x].name so creating an image with its name next to it could be done this way for instance :

document.write('<img src=' + plaatjes[x].src + '/>');
document.write(plaatjes[x].name);
于 2013-10-24T17:37:22.973 に答える