0

私はこれらを持っています：

<th  scope="col"> 
        <img style="height:200px" id="img1"  src=""></div>
    </th>


   <th scope="col">
         <img id="img2" src=""></div>
  </th>

   <th scope="col">
        <img id="img3" src=""></div>
    </th>

そして、次のコードを使用して、それぞれに1つのランダムな写真をロードしたい:

var images = ['"image1.jpg"', '"image2.jpg"', '"image3.jpg"', '"image4.jpg"', 'image5.jpg'];
var longitut = images.length;

for(i=0;i<3;i++){


    // Random Image 
    var num = Math.floor(Math.random()*longitut) ;
    var foto=images[num]; 
    var current='"img'+i+'"';
    alert(foto);

    var objecte =document.getElementById(current);

    objecte.src=foto;

問題は、img src が機能しないことです。間違いを発見できません。

4

4 に答える 4

1

要素を選択していません。

変化する：

var current = '"img' + i + '"';  // If i is 5 it produces '"img5"'

に：

var current = 'img' + i;  // ==> 'img5'

また、画像配列の引用符を削除します。

'"image1.jpg"' -> 'image1.jpg'
于 2013-02-01T09:04:41.650 に答える
0

以下の html と javascript を試してください。

<th  scope="col"> 
<img id="img1" style="height:200px" src="" />
</th>
<th scope="col">
<img id="img2" src="" />
</th>
<th scope="col">
<img id="img3" src="" />
 </th>

Javascript:

var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg'];
var longitut = images.length;
for(i=1;i<=3;i++){
// Random Image 
var num = Math.floor(Math.random()*longitut) ;
var foto=images[num]; 
var current='#img'+i;
$(current).attr("src",foto);
}
于 2013-02-01T09:19:34.513 に答える
0 
you have to make this changes
<th  scope="col"> 
        <img style="height:200px" id="img1"  src=""></div>
    </th>


   <th scope="col">
         <img id="img2" src=""></div>
  </th>

   <th scope="col">
        <img id="img3" src=""></div>
    </th>

And I wanna load one random pic in each with the following code :

var images = ['"image1.jpg"', '"image2.jpg"', '"image3.jpg"', '"image4.jpg"', 'image5.jpg'];
var longitut = images.length;

for(i=0;i<3;i++){


    // Random Image 
    var num = Math.floor(Math.random()*longitut) ;
    var foto=images[num]; 
    **var current="image"+i+".jpg";**
    alert(foto);

    var objecte =document.getElementById(current);

    objecte.src=foto;
于 2013-02-01T09:04:12.757 に答える
0

あなたが持っている1つの間違いは、追加の引用符があることです

次のようになります。

var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg'];

と

var current='img'+i;

画像の ID はimg1、img2およびimg3です。HTML コードの二重引用符は、ID ではなく構文の一部です。

ただし、コードでは、検索しようとする ID に二重引用符を追加します。

var current='"img'+i+'"';

したがって、要素は見つかりません。この問題を修正しても、画像にはまだ問題があります。これは、ID の場合と同じ理由です。（srcで画像をロードしようとしましたが、ロードし"image1.jpg"たいimage1.jpg）

于 2013-02-01T09:04:27.000 に答える