• ベストアンサー

ホームページ作成で、ウィンドウのリサイズ(サイズ指定)

ホームページを作成中です。 画像をクリックしたとき、拡大画像を別ウインドウで表示したい。 HTMLタグで次のように書けば、一応できます。 <a href="拡大画像のURL" target="_blank"> <img src="サムネイル画像のURL"></a> しかし、これでは拡大画像ウインドウのサイズが指定できないので、余白が沢山ある大きなウインドウが起動します。 拡大画像サイズ(600×400px程度)にピッタリ合ったウインドウサイズにするには、どうすればよいのでしょうか? なお、JAVAについては全くわからず、スクリプトをコピペすることしかできません。 ホームページは、YahooのGeocity(無料版)を利用しています。 よろしくお願いします。

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

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

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

最近はタブブラウザが多くなってきて、 そのように書いても、サイズを指定する方法(Javascriptを使用します)で書いても、 (サイズ指定を無視して)単に別タブに開いたりもします。 苦労の割りに報われないので、今のままでいいかと思います。

halovest
質問者

お礼

steel_grayさん。 ありがとうございました。 Javaの利用はユーザ環境にもよるし、必ずしもベターではないようですね。Javaは使わないことにします。

その他の回答 (1)

noname#100277
noname#100277
回答No.2

Javascriptで新規展開させる縦横の大きさを埋め込んだHTMLで記述すれば良いのですが、Javascriptはユーザーが切ってたら無意味。 (IE6迄しか「正常に」意図した表示にしか為らない。) Javascriptに依存した作りは控えた方が賢明です。 1同様に通常に別窓(タブ)で開かせる手法にした方が良いと思う。

halovest
質問者

お礼

aidesさん。 アドバイスありがとうございます。 steel_grayさんやaidesさんの言われるとおりと理解しました。 Javaは使わないことにします。

関連するQ&A

  • 指定ウィンドウサイズ

    サムネイル画像をクリックしたら、子画面(指定サイズ)が立ち上がる作りにしていました。しかし、IEでは動作しているのですが、ファイヤーフォックスでは全画面表示になってしまい、うまく機能しません。 以下のタグに、何を加えればどんなブラウザでも対応できるのでしょうか? /////////////////////////////////////////////////// <A href="解説ページ(子画面).html" onclick="window.open(this.href, '', 'width=630,height=560,top=300,left=300'); return false;" target="_blank"><IMG src="サムネイル画像.jpg" width="100" height="100" border="0"></A>

  • 連続したURLへのwindow.openの指定方法

    JavaScript初心者です。 画像のサムネイル一覧のページがあり、サムネイルをクリックすると元の画像が別ページで開く というページを作っています。 今は <a href="元の画像.jpg" target="_blank"><img src="サムネイル.jpg"></a> としているのですが、window.openを使ってウィンドウのサイズ指定を行いたいと考えております。 画像ファイル名が"001.jpg","002.jpg","003.jpg"…となっている場合、その画像のサイズを取得してそのサイズにウィンドウを開くスクリプトを教えてください。 宜しくお願いします。

  • 子ウィンドウでウィンドウサイズ固定にしてtarget=

    HPを作っていて親ウィンドウに↓のように <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=780,height=480"); } //--> </script> ~略~ <a href="dougu/keito.html" target="_blank" onClick="Javascript:winopen('dougu/keito.html');return false;"><img src="img/item-keito10.gif" width="50" height="38" border="0"> ウィンドウサイズを固定してtarget="_blank"で開いてさらにその子ウィンドウでも同じようにリンクを張って <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=780,height=480"); } //--> </script> ~略~ <a href="../wash.html" target="_blank" class="style1" onClick="Javascript:winopen('../wash.html');return false;">こちら</a> とtarget="_blank"でウィンドウサイズを固定しして開きたいのですが同じウィンドウで開いてしまいます。 説明の仕方が分かりづらくてすみません。分からないようでしたら補足いたします。

  • ウインドウを狭めてもレイアウトが崩れない方法

    ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を3列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>

    • ベストアンサー
    • HTML
  • HPの画像の拡大表示について  

    現在HPを作成しています。 小さい画像を並べて、クリックすると新しいウインドウに 拡大写真が表示されるようにしたいのですが。 winのペイントで画像を2枚用意して、(縮小画像と拡大画像) 01と1にファイルしました。 <A href="img\1.jpg" target="_blank"><IMG src="img\01.jpgL"></A>  としたのですが、拡大画像は表示されても、縮小画像は×になっています。何か間違っているのでしょうか?  教えてくださいお願いします。 超初心者ですので、わかり易くお願いします。

    • ベストアンサー
    • HTML
  • ドリームウィバー8(Dreamweaver8)で簡単にサムネイル指定

    ドリームウィバー8でサムネイル画像を作成する方法は? 現在、次の様な手順でサムネイル画像を作ってます。 469px × 423pxの画像を幅300pxのサムネイル表示にして、右クリックで拡大表示させたいとき・・・ 1.画像を貼り付ける(画像の説明HTMLソース) <img src="http://○○○○○○.jpg" width="469" height="423" alt="画像の説明" /> 2.サムネイル表示用のHTMLタグを手入力する つまり、1番のHTMLソースを間に挟む <a href="http://○○○○○○.jpg" target="blank">画像の説明HTMLソース</a> 3.サムネイルの大きさを計算する。 サムネイル幅を300px。元画像の大きさが469pxなので 300÷469=0.63 たて横同じ比率で縮小したいので縦に同じ比率を掛ける 423×0.63=266.49 4.HTMLソースの幅と高さをそれぞれwidth="300" height="266"に修正 完成HTMLソース <a href="http://○○○○○○.jpg" target="blank"> width="469" height="423" alt="画像の説明" /></a> この手順どう考えてもめんどうだと思います。ドリームウィバー8(Dreamweaver8)で簡単に出来るのではないかと調べているのですが、なかなか見つかりません。どなたか良い方法をご存知でしたら教えてください

    • ベストアンサー
    • HTML
  • gooブログで画像をセンターに貼るタグ

    <a href="画像のショートカットURL" target="_blank"> <img src="画像のショートカットURL" border="0" width="240*240px" align="center"></a> ↑このタグを使って画像をUPしているのですが、 センターに指定しているにも関わらず、左端に貼ってしまいます。 他に、クリックして拡大させて、中心に貼り付けられるタグがありましたら教えてください。

  • 勝手にタグが改変されてしまいます。

    初心者レベルでお許しください。 ブログにタグを貼ろうとしていますが、 <a href="~><img src="~></a><br><br><a href="~><img src="~></a><img src="~/gif.gif"> という構文をソースで入力し、 普通のモードに変えると、何故か勝手に改変されタグも変わってしまいます。 (~の部分はIDやホームページなどがかかれています。) <a target="_blank" href="http~></a><br /> <br /> <a target="_blank" href~></a><img alt="" src="http~> これが勝手に改変されないようにするにはどうしたらよろしいのでしょうか? 宜しくお願いいたします。

  • 忍者ブログでの画像の挿入について。

    メールや、通常投稿で画像を挿入した際に <a target="_blank" href="画像のURL.jpg"><img border="0" alt="" src="http://file.○.blog.shinobi.jp/Img/1234567890/" /></a> と挿入されるのですが、常にサムネイルなどを使わないで、 <img src="画像のURL.jpg"> と、画像を挿入することはできないでしょうか…。 サイムネイルなどが毎回出来て困っているのですが…。 出来ればリンクも外したいですが、あってもかまいません。 とりあえずhttp://file.○.blog.shinobi.jp/Img/1234567890/の部分を直接画像のURLにしたいのです。 一通り設定等は確認したのですが、知識は乏しいので、解決方法がお分かりになる方いらっしゃいましたらご回答お願いいたします><

  • サムネイルクリックで別ウィンドウに拡大画像表示

    javascriptにて画像のようなな形を作りたいのですが初心者で困っています。 ページAの画像をクリックすると別ウィンドウで拡大画像とその他のサムネイルが 表示され、そのウィンドウで各画像を切り替えて観覧できるようにしたいです。 元のページでの画像切替はよくありますが、別ページを開いて観覧する場合がわからず困っています。ページAと同じようなページを複数つくり、拡大のページBは共通で使えるようにしたいと思っています。 ページAのhtml部分は <li><a href=><img src="test.jpg" title="拡大時に表示する文"></a></li> <li><a href=><img src="test_a.jpg" title="拡大時に表示する文"></a></li> <li><a href=><img src="test_b.jpg" title="拡大時に表示する文"></a></li> この画像をクリックでページB拡大画像を表示し、画像と一緒にtitleに入れた文章を表示させたいと思っています。 用意する画像は各拡大画像1枚で、サムネイルのところはcssで小さくしています。 このような形は実現可能でしょうか? よろしくお願いします。

専門家に質問してみよう