從.js文件加載圖像的src？

Question

我有一個名爲src.js的文件，其中包含我的html頁面的所有腳本。

現在我的HTML頁面上我使用這個：

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

現在我想什麼有一個形象在我的HTML文件（<img src=""/>）和圖像我想要加載的src形成.js文件。

我該怎麼做？

Answer 1

在JS文件，你可以選擇圖像元素和更新它的來源：

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？

如果是，則讀取問題和讀取答案 它可以幫助你