イメージのsrcを.jsファイルからロードしますか？

Question

src.jsというファイルがあります。このファイルには、自分のhtmlページのすべてのスクリプトが含まれています。今

は私のHTMLページに、私はこれを使用しています。今、私は .jsファイルを形成する私のhtmlファイル（ <img src=""/>）と私はロードしたいというイメージのSRCにイメージを持っていたいもの

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

。

どうすればよいですか？ JSで

Answer 1

あなたは画像要素を選択し、それが元だ更新できるファイル：

document.getElementById('image-id').src = '/path/to/image.jpg'; 

は、その後、あなたのHTMLに：

<img id="image-id" src="/images/blank-pixel.png" /> 

何かにイメージのソースを設定することが重要ですブラウザーは、存在しないソースを探している不要な資産をロードしません。

また、画像タグ自体にデータ属性で画像へのパスを保存して、JavaScriptからそれを読み込むことができます。

JS--

var image = document.getElementById('image-id'); 
image.src = image.getAttribute('data-src'); 

HTML--

<img id="image-id" data-src="/path/to/image.jpg" src="/images/blank-pixel.png" /> 

Answer 2

このような意味ですか： Changing IMG SRC with Javascript？

yesの場合は、その質問を読み、答えを読ん それはあります