html - 制作链接加载图像而不是一个全新的页面？

Question

我想在我的网页左侧有一个图像部分，在右侧我想有小图像。当我单击这些小图像时，我希望它在左侧加载不同的图像，而无需重新加载整个网页。

我怎样才能做到这一点？

Answer 1

<iframe name="left" src="images/otherImage1.png"></iframe>
<iframe name="right" src="thumbslist.html"></iframe>

在 thumbslist.html

<ul>
<li><a href="images/otherImage1.png" target="left"><img src="images/thumbs/otherImage1.png" /></a></li>
<li><a href="images/otherImage2.png" target="left"><img src="images/thumbs/otherImage2.png" /></a></li>
<li><a href="images/otherImage3.png" target="left"><img src="images/thumbs/otherImage3.png" /></a></li>
</ul>

当然，需要一些 css 才能使两个 iframe 设置为彼此相邻。