2015-02-28 2 views
0

Просто чтобы сообщить мне, что я полный новичок, У меня есть html-страница, на которой показаны разные изображения. Я использую javascript для выбора изображений для отображения. Вот мой код:javascript display multiple images

<head> 
<script type="text/javascript"> 
var num1 = Math.ceil(Math.random() * 6); 
var num2 = Math.ceil(Math.random() * 6); 
var num3 = Math.ceil(Math.random() * 6); 
var num4 = Math.ceil(Math.random() * 6); 
var num5 = Math.ceil(Math.random() * 4); 
var imgpath1 = "<img src=" + '"' ; 
var imgpath2= "./Nums24-38/Nums" + num5 + "_"; 
var imgpath3= ".png" + '"' ; 
var imgpathA = imgpath1 + imgpath2 + num1 + imgpath3 ; 
var imgpathB = imgpath1 + imgpath2 + num2 + imgpath3 ; 
var imgpathC = imgpath1 + imgpath2 + num3 + imgpath3 ; 
var imgpathD = imgpath1 + imgpath2 + num4 + imgpath3 ; 
var imgpathE = imgpathA + imgpathB + imgpathC + imgpathD ; 
</script> 
</head> 
<body> 

<h1>Hello </h1> 
<h2>Welcome to Home-brewed Captcha </h2> 

My Random number is <script>document.write(num1); document.write(num2);  document.write(num3);document.write(num4)</script> 

<p> My path is <script>document.write(imgpath2); document.write(num1); document.write(imgpath3) </script></p> 

<p>First Java Image is <script>document.write(imgpathA) </script> </p> 

<p>Second Java Image is <script>document.write(imgpathB) </script> </p> 

<p>Third Java Image is <script>document.write(imgpathC) </script> </p> 

<p>Fourth Java Image is <script>document.write(imgpathD) </script> </p> 


<p> Merged Java Image ABCD is 
<script> document.write(imgpathA) </script> 
<script> document.write(imgpathB) </script> 
<script> document.write(imgpathC) </script> 
<script> document.write(imgpathD) </script> 
</p> 


<p> New merged Java image A+B+C+D is<script>document.write(imgpathE)  </script> </p> 

<h3>Another merge , this time bypassing java <img src="./Nums24-38/Nums3_3.png"><img src="./Nums24-38/Nums3_1.png"><img src="./Nums24-38/Nums3_0.png"><img src="./Nums24-38/Nums3_6.png"></h3> 
</body> 

Вы можете увидеть живую демонстрацию на http://sopariwala.ca/1.html Почему все изображения не показывают вверх. Где я иду не так. Muja

ответ

0

Простой ... Вы используете document.write() неправильно!

str = 'abcd.png' 
dcument.write(str) 

// result is: 
// abcd.png 

Все, что вы делаете, это «написание» URL-адреса изображения на страницу.

Попробуйте это, если необходимо, хотя я не рекомендую его на вставке тегов прямо:

document.write('<img src="abcd.png"/>')