从.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？

如果是，则读取问题和读取答案 它可以帮助你