• ベストアンサー

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

HP上の画像(http:****.gif)をクリックするとサブウインドウが開いて別の画像(http:****,swf)が表示されるという技は、どうやってやるのでしょうか? 後者の画像の窓の大きさは400×400にしたいです。 検索するとこのようなプログラムの説明が載ったサイトが幾つか出てきますが、まだHTML初心者なので上手く出来ません。 なので出来ればHTMLプログラム全文を書き込んで頂ければ幸いです。 関係あるか分かりませんがブラウザはIE6です。 お手数ですが宜しくお願いします。

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

  • ベストアンサー
noname#248056
noname#248056
回答No.2

私の知っている方法です。参考まで。 (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 = 高さ(ピクセル)

htmltte72
質問者

お礼

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

その他の回答 (1)

  • ksroom
  • ベストアンサー率0% (0/1)
回答No.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ソースに貼って下さい。 たぶんこれで画像サムネイルが設定できると思います。 頑張って下さい。

htmltte72
質問者

お礼

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

関連するQ&A