html - 新しいページ全体ではなく、リンク読み込み画像を作成しますか?

Question

Web ページの左側に画像部分を配置し、右側に小さな画像を配置したいと考えています。これらの小さな画像をクリックすると、Web ページ全体をリロードせずに、左側に別の画像をロードする必要があります。

これどうやってするの？

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>

もちろん、2 つの iframe を互いに隣接して設定するには、いくつかの CSS が必要です。