制作链接加载图片而不是整个新页面？

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彼此相邻设置。