html - 如何在不离开html网页的情况下更改图片？

Question

我正在制作一个 html 页面，其中左侧有几个垂直排列的小按钮图片，右侧有一个大图片。当点击左侧的按钮图片时，右侧的大图应该变成与按钮对应的东西。

我知道通过使用我可以在不同的区域显示图片。但是我不知道如何通过单击另一张图片来更改图片。怎么做？

Answer 1

我现在知道怎么改了!通过查看我自己几个月前编写的 html 代码，我明白了。

您可以简单地在 <'a'> 标签中添加一个目标属性来指向一个 iframe 目标!然后你可以点击图片或者txt来改变iframe中的内容。

例如:

<a href="/html/pink.html" target="iframe">Pink World</a>

当点击“粉色世界”文字时，iframe的内容会变成/html文件下pink.html的内容。

就这么简单!