画像を別窓に展開したい！大きさと表示方法についての質問

前へ 次へ
このQ&Aのポイント
  • 質問者は画像を別窓で展開し、適切な大きさで表示したいと考えています。
  • 現在はtarget='_blank'を使用して画像を別窓に展開していますが、余計なメニューバーやツールバーを非表示にする方法が分かりません。
  • 質問者はJavascriptやCSSを使用して余計なメニューバーやツールバーを非表示にする方法を教えて欲しいとしています。
回答を見る
  • ベストアンサー

画像を別窓に展開したいのですが

画像を別窓に展開しています 困り度：暇なときにでも 今は target="_blank" で画像を別窓に展開しています 開いたときにプラウザー（IE6？）全画面内に余白付きで画像が表示されています これを適当な大きさ（絵はがき大）で表示させたいのです （開く画像自体の容量は300KB以下です） 大きさで言うと500px400p？ほどで表示させたい この場合に余計なメニューバー等が外せるようですが理解できません ＜Ｘのみ表示されている＞ toolbar=no location=no directorise=no status=no menubar=no scrollbars=no resizeabl=no width=400 height=500 このような句をjavascriptかcssかで宣言しておくようですが 巧い方法を教えてください 現用句 <A href='images/$col[filename]' target='_blank' title='クリックで原寸画像を表示します'> <IMG src='images/". $col["filename"] . "' widht='300' height='240' vspace='2'></A> ＞target='_blank'に名称付けをしてどうのこうのまでは理解できました 質問投稿日時：09/11/04 10:32PHPで回答なしでした

  • 39jin
  • お礼率54% (103/189)
  • HTML
  • 回答数3
  • ありがとう数6

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

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.3

訂正） <head> <script type="text/javascript"> <!-- window.onload = function(){ document./*@if (@_jscript)attachEvent('on'+ @else@*/addEventListener(/*@end@*/ 'click', function(evt){ /*@if (@_jscript) event.returnValue = false;@else@*/ evt.preventDefault(); /*@end@*/; var e = evt./*@if (@_jscript) srcElement @else@*/ target /*@end@*/; if(e.nodeName=="A"){ var url= e.getAttribute("href"); subwin_open(url); } },false); } function subwin_open(url){ window.open(url,"gazo","top=50,width=400,height=500,location=no,menubar=no,directories=no,toolbar=no,status=no,scrollbars=no,resizable=no"); } // --> </script> </head> <body> <a href="​http://oshiete1.goo.ne.jp">​教えて！goo</a> </body>

39jin
質問者

お礼

課題が残るような状況です。ヒントありがとうございました。

39jin
質問者

補足

お願い事の質問文の作り方がいまいちのようでした 自分として欲しい機能はWeb新聞の「写真の拡大」機能同等が欲しいのです 読売新聞での記事内写真拡大機能相当です http://www.yomiuri.co.jp/ ソースを見るとこの様になっています <a href="/zoom/20091104-OYT9I01391.htm" target="photoWin" onclick="Y1.po(500,332,23)"> javascript構文とtarget="photoWin" onclick="Y1.po(500,332,23)の組み合わせかなと推測しています photoWinというjavascriptがどのようなものかになります この構文なら自分の「phpの現用句」から制御できそうだなと思いつきました 提示された物を組み込んでみましたがエラーにはなりませんがコントロールは出来ませんでした テスト句だと思いますが操作していません <body> <a href="​?http://oshiete1.goo.ne.jp">​?教えて！goo</a> </body> この部分をクリックしました「<A href='images/$col[filename]' target='_blank' title='クリックで原寸画像を表示します'>」ここに何かありそう「target='_blank'」 教えていただいて申し訳ありませんが、自分の求めている制御とは多少違う様に思えています

その他の回答 (2)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.2

<a>タグいじれないなら、javascriptで <head> <script type="text/javascript"> <!-- window.onload = function(){ document./*@if (@_jscript)attachEvent('on'+ @else@*/addEventListener(/*@end@*/ 'click', function(evt){ /*@if (@_jscript) event.returnValue = false;@else@*/ evt.preventDefault(); /*@end@*/; var e = evt./*@if (@_jscript) srcElement @else@*/ target /*@end@*/; if(e.parentNode.id=="koumoku" && e.nodeName=="A"){ var url= e.getAttribute("href"); subwin_open(url); } },false); } function subwin_open(url){ window.open(url,"gazo","top=50,width=400,height=500,location=no,menubar=no,directories=no,toolbar=no,status=no,scrollbars=no,resizable=no"); } // --> </script> </head> <body> <a href="​http://oshiete1.goo.ne.jp">​教えて！goo</a> </body>

  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

javascript利用になります。 ただ、今時のタブブラウザでは指定サイズの別ウィンドウという指定を無視して只の別タブに表示される事も多いので、正直、手をかけて現状のリンクを書き換えてまでやるほどの価値はないかと思います。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 写真集の写真を別窓で大きく表示したいのです

    写真集の写真を別窓で大きく表示したいのですが、 クリックしてもそのままの同サイズでしか別窓で表示されません。 大きく拡大した写真を表示したいのですが このタグでどこがいけないのでしょうか？ アドバイスよろしくお願いします！ 　 <tr> <td align="center" valign="middle" width="128" height="128"><A href="s-d11900251.jpg" target="_blank"><IMG src="s-d11900251.jpg" border="0" width="160" height="120"></A></td>

    • ベストアンサー
    • HTML
  • ＨＰビルダーでの別窓表示・・・

    Windows MeでＨＰビルダー７を使ってます。 フレームページからさらに、別窓でフレームページを作りたいのですが、新窓は出ても上手く繋がってくれなくて、「画像が表示できません」になってしまいます。 どうすれば、上手く表示されるようになりますか？ 今現在のタグは、 <a href="○○.html" target="_blank" style="text-decoration:none">○○○</A> こうなってます。

  • 別窓にスクロールをつけるやり方は？

    XPでビルダーV8でＨＰを作成しています。 先程、別窓を開いて幅を指定したやり方を見て、これはいいと利用しようと思ったのですが <A href="#" onclick="window.open('info.html','_blank','width=500,height=700');">当サイトについて</A> これで出来たのですが、スクロールがないため 枠を指定しても入りきれないんです；； この別窓にスクロールをつける方法を教えてくださいｍ(．．)ｍペコ それが出来ればすっごく嬉しいんですが・・・ あと、もう一つ・・・ リンクをこの別窓の文章に作成すると、別窓の中で開いてしまうじゃないですか。 それってtargetで他に開くしか方法はないのでしょうか？ 元の所に開かせることは出来ないですよね？ わかりずらかったらごめんなさい。 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • アマゾンアソシエイト　別窓で開く方法。

    調べてみたのですが分からないので教えてください。 アマゾンアソシエイトの、バナーリンクやイージーリンクは、 個別商品リンク等のように、リンクのカスタマイズの画面がないのですが、 リンクを別窓で開くようにするのはどうしたらよいのでしょうか。 素人考えでtarget="_blank"とか入れて見たのですが駄目だったので、 個別商品リンクを別窓で開く設定で作って、どうなってるのかタグを見てみたのですが、 blankの文字を見つけはしたものの…よく分かりませんでした…。 <iframe src="～amazon.co.jp/e/cm?t=アソシエイトID&o=9&p=8&l=ez&f=ifr&f=ifr" width="120" height="240" scrolling="no" border="0" frameborder="0" style="border:none;"></iframe> 何を書き足したら良いのでしょうか。教えてください。よろしくお願いします<(_ _)>

  • 画像の大きさにぴったり合った枠

    <a href="images/画像.jpg" target="_blank">ここをクリック</a> これで、 「ここをクリック」をクリックして、表示される「画像.jpg」が 大きな白地の枠の左上に小さな画像が表示されます。 画像の大きさにぴったり合った枠で表示する方法は有りますか？

    • ベストアンサー
    • HTML
  • ホームページ作成、別窓について

    ただいまＨＰ作成中で、だいたいの形は見えてきました。 そこで困ったことがあります、私の家のＰＣでは別窓表示と指定した物がしっかりと別窓表示として現れるのですが、友達のＰＣだと なぜか別窓表示として現れません、ちなみに別窓の指定ソースは <base target="_blank"> といった感じの物を使っています、なにかアドバイスなどあればお願いします。

  • リンクを張り、別窓を表示されるがその大きさを設定したい

    <a href="xxxx.htm" target="_blank"飛ぶ</a> とします。その時、xxxx.htmが別窓として開きますが（ここまではOK）この窓の大きさを小さな窓で表示したいのですがどのようにすればいいでしょうか？（小さくてツールバーなども無い枠だけの表） この別窓は（３行くらいの６０文字くらい）小さくして、元の画面を後ろにそのまま表示させて見えるようにしておきたいからです。 また、この別窓に「戻る」をつけて、この別窓だけ消したいのですが どのようにHTMLを書けばいいいでしょうか？ よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • targetブランクで開くのと同じ様にJavaScriptで別窓を開くには？

    お世話になっております。 画像をクリックされたときに、JavaScriptで簡単な 条件分岐をし、リンク先のURLを判別して別窓で開く、 という実装を求められています。 別窓でURLを開く際に、window.openで普通にやってしまうと、URL表示やツールバーなど見えなくなってしまうのですが、今回は、あたかも、target="_blank"で開いたのと、見分けがつかないようにせねばならず困っています。 何か簡単に実装する方法をご存じでしたら教えてください。 もしくは、細かくパラメータを指定してwindow.openするしかないでしょうか？その場合は、どのような指定で開くのがベストでしょうか？

  • 別窓リンクの問題点は？

    画像リンクによる別窓表示で下記の一行のみのソースをリンクとして別窓表示しています。この方法でのデメリットはありますでしょうか？ -------------------------------------------------------------- <body> <a href="javascript:void window.open('test.html',null,'height=450,width=300,menubar=no,toolbar=no,scrollbars=no');"><img src="test.gif"></a> </body> -------------------------------------------------------------- サイト検索で見かける別窓表示のソース↓ <head> <script language="JavaScript"> function openWindow(i) { window.open("sample" + i + ".html","","width=700, height=600"); } </script> </head> <body> <a href="javascript:openWindow('1')">sample1.html</a><br /> </body> これとの比較したときの問題は？

  • 別窓を開くプログラムについて

    はじめまして。初めての投稿の者です。 今回、ご相談の件ですが、 現在、webを制作してて、サムネイル（画像）をクリックすると別窓が開いて画像を大きく表示させるという風に作っています。 <script language="javascript"> <!-- function open_window(spass){window.open(spass,"flow","scrollbars=1,resizable=0,width=1000,height=760,left=0,top=0")} --> </script> ～～～中略～～～ <body> <a href="javascript:open_window('ファイル名.html')"><img src="画像のファイル名" width="250" height="150" alt="---"></a> ～～～中略～～～ この方法の場合、大きく表示させる画像のサイズによっては別窓に表示させたとき、ウィンドウに余白ができてしまいます。 width=1000,height=760の部分を無くして、なお且つ別窓に表示させたときの画像の周辺に余白が無いように・・と、色々とjavascriptに関するサイトや講座を拝見して調べてみましたが希望のような事が有りませんでした。 また、<a href="javascript:open_window('ファイル名.html')">・・ の箇所を、 open_window('大きく表示する画像のファイル名.jpg')・・ としても、ダメでした。 何がしたいかと申し上げますと、（別窓：ウィンドウに）大きく表示させる画像の周辺に余白が発生させないよう、ピッタリと収めさせる別窓にしたいです。【マージンによる多少の余白は可】 ※画像（写真）サイズに合わせて別窓も、そのサイズに開くと言えばお分かりでしょうか？ 技術者の方・経験者の方からアドバイス等ご教授戴けたら・・と思いますので、宜しくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する