サブウインドウで画像を表示する方法

解決済

質問者：htmltte72
質問日時：2008/09/01 23:34
回答数：2件

ＨＰ上の画像（http:****.gif）をクリックするとサブウインドウが開いて別の画像（http:****,swf）が表示されるという技は、どうやってやるのでしょうか？
後者の画像の窓の大きさは400×400にしたいです。

検索するとこのようなプログラムの説明が載ったサイトが幾つか出てきますが、まだＨＴＭＬ初心者なので上手く出来ません。
なので出来ればＨＴＭＬプログラム全文を書き込んで頂ければ幸いです。

関係あるか分かりませんがブラウザはＩＥ６です。
お手数ですが宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： ldrnSTM
回答日時：2008/09/02 00:50

私の知っている方法です。

参考まで。

（１）</head>の上に以下を挿入。

<script type="text/JavaScript">

</script>

（２）クリックさせる画像のソースは以下のように書き換えます。

<img src="aaa.gif" onclick="MM_openBrWindow('bbb.gif','ccc','width=400,height=400')" />

aaa.gif = クリックさせる画像のurl。別のフォルダ（fff）内にある画像なら"fff/aaa.gif"
bbb.gif = 表示させる画像のurl（同上）
ccc = ウィンドウ名（なんでもいいです）
width = 幅（ピクセル）
height = 高さ（ピクセル）

- 0
- 件

通報する

この回答へのお礼

お返事遅くなってすみません。
わたしがいつも利用しているＨＰだとエラーが出てダメでしたけど
他のＨＰだと上手く行きました。
説明凄く分かりやすかったです。
ありがとうございました。

通報する

お礼日時：2008/09/03 22:22

No.1

回答者： ksroom
回答日時：2008/09/02 00:05

HP作成にビルダーを使用でしたら

デジカメ写真の挿入→サムネイルの挿入→ファイルの中から画像を選んで、後は画面の指示に従って進んでいくと完成します。

私も、まだ３年ほどなので分からない事が沢山ありますが
ビルダーを使っているのであれば上の通り操作するだけで
簡単に出来ますよ。
一応HTMLを貼っておきます。

<body>　ここ　</body>　下のHTMLを間に貼る

<div align="center">
<table border="0" cellpadding="5" cellspacing="0" id="_HPB_WPG_THUMB_TABLE5">
<tbody>
<tr>
<td align="center" valign="middle" width="128" height="128"><a href="ここに画像の名前.jpg"><img src="ここに画像の名前_thumb.jpg" width="128" height="85" border="1"></a></td>
</tr>
</tbody>
</table>
</div>
HTMLソースに貼って下さい。
たぶんこれで画像サムネイルが設定できると思います。
頑張って下さい。