イラストサイトを作っています!!
イラストサイトを作り始めました。
テンプレートはあるサイト様からお借りしました。
メモ帳で順調に編集をしていました。
ですが、イラストを展示するにあたって、
悩んだ箇所があります。
左のフレームからメニュー等を選択でき、
選択すると右の大きな画面に表示されるようになっています。
イラストのページでは、右の大きな画面にイラストは記号で選択をし、
その選択一覧の下に、選択したイラストが大きく表示されるようにしたいのですが、
調べても分かりませんでした。
『■』と連続で表示されているのがイラストの一覧です。
あるひとつの■をクリックすると、連続の■の下に大きく表示されるイメージです。
（今表示しているイラストのように、この場所に表示したいです。）
－－－－－－－－－イラスト展示のページのタグです。↓↓－－－－－－－－－
<html lang="ja" id="back">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<!-- designed by starlit * http://sky.starlit.biz/ 2011/f021 //-->
<title></title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="sub">
<!-- メインコンテンツ↓ -->
<div id="contents">
<h2>GALLERY</h2>
☆…new<br>
♡…腐向け<br>
■…普通の絵です
<p class="title">イラスト</p>
<p>
<a href="pict.html" target="main">■</a>
<a href="pict.html" target="main">■</a>
<a href="pict.html" target="main">■</a>
<a href="pict.html" target="main">■</a>
<a href="pict.html" target="main">■</a>
<a href="pict.html" target="main">■</a>
<a href="pict.html" target="main">■</a>
<a href="pict.html" target="main">■</a>
<a href="pict.html" target="main">■</a>
<a href="pict.html" target="main">■</a>
</p>
<img src ="***.jpg">
</div>
<!-- メインコンテンツここまで↑ -->
</div>
</body>
</html>
－－－－－－－－－…ここまでです。－－－－－－－－－
どうすれば、上に書いたような事ができますか？
タグ等を知っている方、教えていただければ幸いです。
分かりづらい質問で申し訳ありません！！
ご回答よろしくお願いします。
お礼
どうもありがとうございました