こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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

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

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

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

投稿日時 - 2008-09-01 23:34:34

QNo.4296679

すぐに回答ほしいです

質問者が選んだベストアンサー

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

(1)</head>の上に以下を挿入。

<script type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>

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

<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 = 高さ(ピクセル)

投稿日時 - 2008-09-02 00:50:19

お礼

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

投稿日時 - 2008-09-03 22:22:56

ANo.2

このQ&Aは役に立ちましたか?

4人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

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

私も、まだ3年ほどなので分からない事が沢山ありますが
ビルダーを使っているのであれば上の通り操作するだけで
簡単に出来ますよ。
一応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ソースに貼って下さい。
たぶんこれで画像サムネイルが設定できると思います。
頑張って下さい。

投稿日時 - 2008-09-02 00:05:01

お礼

残念ですがビルダーは持っていません。
もう少しHTMLに自信が付いたら購入を検討してみます。
ありがとうございました。

投稿日時 - 2008-09-03 22:25:36

あなたにオススメの質問