html 动态显示图片
时间: 2023-07-05 07:33:26 浏览: 266
动态显示图片
要在 HTML 中动态显示图片,可以使用 JavaScript 来实现。
首先,在 HTML 中添加一个图片元素:
```html
<img id="myImage" src="default.jpg" alt="default image">
```
然后,在 JavaScript 中,通过修改图片的 `src` 属性来动态显示图片。例如,当用户点击某个按钮时,可以将图片更改为另一张图片:
```javascript
var image = document.getElementById("myImage");
image.src = "newimage.jpg";
```
这样,当用户点击按钮时,图片就会动态地更改为新的图片。
注意:图片的路径应该是相对于 HTML 文件的路径。
阅读全文