.jsファイルからhtmlに画像を読み込む方法は？

Question

私はsrc.jsというファイルを持っています。このファイルには私のhtmlページ用のすべてのスクリプトがあります。それを使用する.jsファイルを呼び出すために

<script language="javascript" src="src.js"> 
</script> 

：

は今、私のhtmlページに私はこれを使用しています。 イメージリンクを.jsファイルに設定する方法や.htmlファイルでイメージリンクを設定する方法がわかりません 私は簡単な答えが必要です:)

Answer 1

イメージのプレースホルダが必要ですHTMLでは、HTML DOM構造を動的に変更する必要があります。

画像リンクに変数を使用する場合は、画像をプリロードする以下のコードを参照してください。

if (document.images) 
{ 
    preload_image_object = new Image(); 
    // set image url 
    image_url = new Array(); 
    image_url[0] = "http://mydomain.com/image0.gif"; 
    image_url[1] = "http://mydomain.com/image1.gif"; 
    image_url[2] = "http://mydomain.com/image2.gif"; 
    image_url[3] = "http://mydomain.com/image3.gif"; 

    var i = 0; 
    for(i=0; i<=3; i++) 
    preload_image_object.src = image_url[i]; 
} 

ブラウザにはdocument.images属性が定義されている必要があります。

Answer 2

<div id="_images"></div> 
<script> 
var images = { // images with properties 
    image1 : {url:'http://image1',property:'value'}, 
    image2 : {url:'http://image2',props:[],else:'val'} 
} 
for(var i in images){ 
    var image = new Image(); 
    image.src = images[i].url; 
    // put image anywhere you want 
    document.getElementById('_images').appendChild(image) 
} 
</script>