• ベストアンサー

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

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

  • HTML
  • 回答数2
  • ありがとう数6

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

  • ベストアンサー
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

  • サブウインドウが勝手に・・・

    自分のHPを作成していますが、1週間ほど前から突然、サブウインドウ(と、言うのでしょうか?)が勝手に開いてしまうようになりました。 ここをクリックすると開く、というのではなく、何度か色々なところをクリックしていると、突然、全く見知らぬウインドウが開いてくるのです。 一度それを閉じて、また何度かクリックしていると、また数十度目のクリックの時に勝手に開いてくるのです。 ローカルでHTMLを開いても(IEです。)、時々それが開くので、おそらく私のローカルPCの問題だと思いますが、まったくどうしていいのやら見当がつきません。 何かをダウンロードしたときにウイルスにでも感染してしまったのでしょうか。 どこを調べてみれば原因がわかりそうか、ということと、どうすればサブウインドウが表示されなくなるかということをご教授下さいませ。 よろしくお願い致します。

  • IE10で画像が表示されません

    今、自分でHPを作成しているのですが、フォトショップで作成したGIFファイルがHP上で表示されません。(環境:Windows7 64ビット IE10) 表示させようとすると、四角い窓のような表示が出てしまいます。 同じものを違う環境に持って行った場合は、問題なくHP上で表示されます。(環境:WIndows VISTA 32ビット IE9) GIFファイル単体(エクスプローラでGIFファイルをダブルクリック)では、IEで表示されます(IE10でも表示されます)し、ファイル名がおかしかったりというわけではありません。 HTML文自体は、ネットでテンプレートをDLしてきたものです。 詳しい方、ご教授お願いいたします。

  • FTPでアップロードした画像のURLがわかりません。

    例えば、「dai.gif」という画像を「gazou」というファイルに アップロードしたとしたら、この画像URLはどうなるのでしょうか? 「自分のHPのURL(http://~)/gazou/dai.gif」 となるのでしょうか? 私はこのようになると思ってこのURLでHTMLに入れたのだけれど、 ブラウザ表示でもHP上でも表示されないんです。 なので、次にこのようなことをしました。 FTPでアップロードされた画像をダブルクリックで表示させて、 そこを右クリックのプロパティーでURLのところをコピペしました。 そのURLは 「file:///C:/WINDOWS/TEMP/dai.gif」 このような形式でした。そしてこれをHTMLに入れて、 ブラウザ表示すると、きちんと表示されたのですが、 そのページをアップロードさせてHP上で見ると表示されていないんです。 ちなみに、FTPでアップロードされた画像のアイコンを右クリックして 「URLをクリップボードへコピー」にして、また同じようにやりましたが またブラウザ表示でも、HP上でも表示されませんでした。 これが関係あるかわからないのですがFTPの「ホストの設定」で 「ローカルの初期フォルダ」と「ホストの初期フォルダ」は なにも設定しませんでした。 またHTML Writer Version2.2を使ってHTMLを 書いています。 長くなりましてすみません。 初心者なので、FTPについての解説のあるHPを教えてくれたら 嬉しいです。

    • ベストアンサー
    • HTML
  • ホームページの画像が表示されない

    元々、外注した会社のHPを更新したくて Dreamweaver8を使い始めたのですが、画像を入れ替えたら表示されなくなりました。 gif形式で貼ってあったものにjpegの似たような画像を 置き換えたいのですが、ブラウザーで確認すると見られますが、サーバーに繋げてIEで見ると左上に×があるだけです。 拡張子を変えてもダメでした。 なにがイケナイのでしょうか?

  • Fifox3でGIF画像が表示されません。

    Firefoxの最新版3をつかっているのですが、 当方のつくっているHPで なぜかGIF画像が表示されません。 JPEGは表示されています。 IEではGIF画像はきちんと表示されますし、 他のブラウザでも表示されています。 別のパソコンでも表示されます。 それがなぜか私のFirefoxだけで表示されません! どこか設定すればよいのでしょうか?

  • サブウインドウが開けません;;

    私はJavaScriptに関してはほとんど知識がありません。 今HPを作成しているのですが、文字列をクリックしてサブウインドウを開こうと思っています。 とりあえず、テキストに記述してある通りにタグをかいてみたのですが、エラーが出てしまって実行できません。 「小窓の小窓」という文字列をクリックしてサブウインドウを開いて、そこにkomado.htmlを表示させようとしています。 下記にScriptを記述しました。 全くの初心者ですので、どのタグが必要でどのタグが不要なのかもわかりません。 ほんとに初歩的な質問かと思いますが、htmlはわかる程度の私に書き方を教えてください。 お願いします。m( )m <html> <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0 Transitional//EN""http://www.w3.org/TR/REC-html40/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html;charset=Shift_JIS"> <title>小窓</title> <script language="JavaScript"> <!-- function koushin(){ newwindow = window.open("04_2.htm","newwindow","width=200,height=180") } //--> </script> <body bgcolor="#ffffff" <div id="text"><a href="komado.htm" onClick="komado()">小窓の小窓</a></div> </head> </html>

  • 画像をクリックして別の画像を表示させたい

    現在HPで親ページから、サブウインドウで画像を表示させるアルバムを作っています。 そのサブウインドウをクリックすると別の画像を表示させたいと思い、下記のように記述したのですが、画像がまったく変わりません。 (下記のページはalbum01です。クリックしたら album02を表示させたいと思っています。) ----------------------------------------------- HEAD部に記述 <script language="JavaScript"> <!--num=0; function change() {num++; num %= 5; document.myIMG.src = "../img/album02.jpg"; } // --></script> BODY部に記述 <body> <table width="300" border="0" cellspacing="2" cellpadding="0"> <tr> <td> <a href="javaScript:change()"> <img src="../img/album01.jpg"name="album01"border="0"></a></td> </tr> <tr> <td> <div align="center">□画像をクリックすると、次の画像も見られます□</div> </td> </tr> </table> <div align="center"></div> </body> -------------------------------------------- 写真は全部で5枚です。今後増やしていきたいと思っています。 javascriptのことはわからないので、どこがどう間違っているのかわかりません。 表示されるようにするにはどのようにしたらいいですか? 使用OSはWin98、ブラウザはIE6.0です。 よろしくお願いします。

  • インターネットエクスプローラーで、サブウインドウが開かなくなる現象が起

    インターネットエクスプローラーで、サブウインドウが開かなくなる現象が起こりました。 具体的には、ショッピングサイトで  商品画像をクリックすると拡大 とあったので、クリックしてもサブウインドウが開きません。 1週間ほど前までは、問題なかったのですが・・・ ポップアップブロックは無効にしてあります。 IEバージョンが6だったので、8にしました ウインドウズXPのサービスパック2を3にしました。 それでも解消しませんでした。どなたか解決方法をご存知でしたらご教授いただけますでしょうか。 ウイルスソフトは、ウイルスセキュリティの2008年版です。

  • 画像の明度を変化させる方法について

    はじめまして。アドビゴーライブにて、HPを作成しています。 GIFや、JPEG等の画像をHTMLで表示するときに、 フラッシュ、JAVA、DHTML、その他script等の手段を使って、 その画像の明度(真っ黒>標準>真っ白)の増減を行うことはできますでしょうか? ※マックのブラウザ上でも、閲覧可能な方法をおしえてください。 よろしくお願いいたします。

  • 小さな画像のみ表示されない

    最近、インターネットのホームページを表示すると、小さな画像(300バイト前後のGIFファイル)のみが 表示されないと言う状態になることが多く、困っています。(毎回と言うわけではありませんが) ページを再更新したり、右クリックから「画像の表示」を選択すれば ちゃんと表示されるのですが、何が原因なのかわかりません。そのあたりの設定を変更した覚えもありません。 OSはWindows XP homeでブラウザはIE6です。

専門家に質問してみよう