• ベストアンサー

リンクで開いたウィンドウのセンターに表示したい

現在、ホームページに小さな写真を並べて置いておいて、クリックすると別ウィンドウで大きな写真を表示するようにリンクを設定しております。 また、必ず新しいウィンドウの左上を基準に表示されてしまいます。 その大きな写真を新しく開かれるウィンドウのセンターに来るようにリンク先のウィンドウの設定は出来るのでしょうか？ また、ウィンドウのサイズに合わせて大きくなったり小さくなったりして欲しいのですが、どのように書けば宜しいのでしょうか？ 宜しくご指導下さい。

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

  • ベストアンサー
  • gaviru44
  • ベストアンサー率56% (95/168)
回答No.2

すいません。 僕の勘違いかもしれません。 ウィンドウ自体を中央に表示させるのかと思ってましたf(^_^;) 写真を中央に持ってくるんですね。 でも#1で書いたのでも、ウィンドウサイズを画像のサイズに合わせればできるので、それで説明しますね。 あととりあえず >小さな写真を並べて置いておいて、クリックすると別ウィンドウで大きな写真を表示するようにリンクを設定しております。 えっと、小さな写真を並べて、クリックすると別ウィンドウに大きな写真とあるのですが、御礼に書いてあるソースですと、 ▲▲▲って文字をクリックすると新ウィンドウに表示するソースになってるのですが、その辺はどうなんでしょう？ 小さい画像は用意してあるのでしょうか？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD>←ココから <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version **** for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>タイトル</TITLE> </HEAD>←ココまでが<HEAD>部分ですので、 ↑の<TITLE>タイトル</TITLE>の下に <SCRIPT language="JavaScript"> function NewWin1(){ window.open("大きい画像の名前.jpg","","toolbar=no,menubar=no,scrollbars=no,width=小窓の幅,height=小窓の高さ"); } //--!> </SCRIPT> を入れてください。 小窓の幅、高さは画像の幅、高さより少し大きめに設定した方がいいです。その辺は調整して下さい。 次に<BODY>～<BODY>部分ですが、お礼にあるソースでやるならば、 <font size="2"><FONT size="2" color="#333333"><A href="●●●.jpg" target="_blank">▲▲▲</A></FONT></font>を <font size="2"><FONT size="2" color="#333333><A href="javascript:NewWin1()">▲▲▲</A></FONT></font> に変えれば出来ると思います。 小さい画像が用意されているのであれば、 <font size="2"><FONT size="2" color="#333333"><A href="●●●.jpg" target="_blank">▲▲▲</A></FONT></font>を全部消して、その部分に <A href="javascript:NewWin1()"><IMG src="小さい画像の名前" border="0"></A> で出来るかと思います。 あとは#1で説明した通り、増やすこともできますので。 すぐに回答できるかわかりませんが、またわからないことがあれば補足して下さい。

その他の回答 (1)

  • gaviru44
  • ベストアンサー率56% (95/168)
回答No.1

こんにちは。 ちょっと全員の閲覧者（それぞれ解像度が違うので）をセンターに持ってくるのはわからないのですが。 ある程度調節する方法ということで…f(^_^;) まず<HEAD>～</HEAD>内に以下のソースをコピペして下さい。 <SCRIPT language="JavaScript"> <!--(1)--> function NewWin1(){ window.open("画像の名前１.jpg","","toolbar=no,menubar=no,scrollbars=no,width=小窓の幅,height=小窓の高さ,top=上からの座標,left=左からの座標"); } <!--(2)--> function NewWin2(){ window.open("abc.jpg","","toolbar=no,menubar=no,scrollbars=no,width=400,height=300,top=300,left=500"); } <!--(3)--> function NewWin3(){ window.open("ファイルの名前.html","","toolbar=no,menubar=no,scrollbars=no,width=400,height=300,top=300,left=500"); } //--!> </SCRIPT> ---------------------------------------------------------------- (1) 日本語で書かれた箇所を(2)のように数値を入力して下さい。 ツールバー、メニューバー、スクロールバーを表示させたい場合は【no】の部分を【yes】に変更してください。 topとleftで小窓が表示される位置を調節して下さい。 解像度に合わせて書く方法もあると思いますが、わからないので。 (2) 例です。 二番目以降も同様に function NewWin2(){～}　を function NewWin3(){～}　などに変えて増やせます。 もう少し綺麗にまとめて書ければいいんですが、書き方がわからなくて申し訳ありません。 小窓は上から300px下、左から500px右に表示されます。 ---------------------------------------------------------------- (3) (3)は○○.jpgではなく○○.htmlの場合です。 表示される画像のファイルを別に作ります。 例えば、 <HTML> <HEAD> <TITLE>タイトル</TITLE> </HEAD> <BODY bgcolor="#888888"> <DIV align="center"> <A href="JavaScript:window.close()"><IMG src="画像の名前.jpg" border="0"></A> <BR> ○○の写真です。 </DIV> </BODY> </HTML> ↑のように書けばちょっとした文章を加えてもいいですし、小窓にタイトルも背景の色（#888888）も付きます。 それと、Ｘじゃなく小窓に表示された画像をクリックすると小窓が閉じます。 あと<!--(1)--><!--(2)--><!--(3)-->は消しちゃって下さい。 --------------------------------------------------------------- あとは<BODY>～</BODY>内に <A href="javascript:NewWin1()"><img src="小さい画像の名前.jpg" border="0"></A>　 と書きます。 二つ目以降は <A href="javascript:NewWin2()"><img src="小さい画像の名前.jpg" border="0"></A>　 NewWinをNewWin3、NewWin4と変えれば出来ます。 大量の写真を貼る場合、ソースが汚いかと思いますが、ご勘弁を。

amemasu
質問者

お礼

すいません・・・もう少し教えてください（＾＾； ｈｐはビルダー８で作っておりまして、下記のようにＨＴＭＬが書き出されています。 <font size="2"><FONT size="2" color="#333333"><A href="●●●.jpg" target="_blank">▲▲▲</A></FONT></font></td> ▲▲▲がクリックしてもらう文字で、●●●が新しく開く写真です。 どこに教えていただいたソースを書けば宜しいのでしょうか? お手数でも教えていただけたら助かります。

amemasu
質問者

補足

うわぁ～、とても丁寧にありがとうございます！ これなら殆どＨＴＭＬの分からない自分でも何とかなりそうな気がします！ チョッと今日は出来ませんが急ぎ試してみます。 ありがとうございました。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • リンク先を別ウィンドウで表示する方法

    Excelでホームページを作成する上で、リンク先を別ウィンドウで表示したいのですが、やり方を教えていただけませんか？ また、ホームページ上の写真を拡大して別ウィンドウで表示する方法も合わせて教えていただけると助かります。

  • 別ウィンドウが開くリンクはどうやるの?

    お世話になります。 普段IEでブラウジングしていると、ページ中のリンクをクリックした際に、現在開いているウィンドウがそのリンク先で上書きされるものと、現在開いているのとは別のウィンドウが新しく作成され、そこにリンク先が表示されるリンクとがありますが、それらはHTML的にどう違うのでしょうか？ よろしくお願いします。

    • ベストアンサー
    • HTML
  • Dreamweaverのリンクを別ウインドウで表示

    DeamweaverMX2004を使用しています。 写真をクリックするとその拡大写真が別のウインドウが出て、それに表示されるということをしたいのですが、方法がわかりません。 普通にリンクを張ると、同じウインドウに拡大写真が表示されてしまいます。 よろしくお願いします。

  • ジャンプして開かれるウィンドウの大きさを戻すには？

    　OSはWindowsXP、ブラウザはIE６です。 　ブラウザに表示されたサイト内のリンク先をクリックして、ジャンプして別のウィンドウが表示されるときがありますが、新しいウィンドウが全画面ではなく小さく表示されるときがありますよね？ 　これ自体はいいのですが、いったん小さいウィンドウで表示されてしまうと、次に別のサイトなどからジャンプしたときも、この小さなウィンドウのサイズで表示されるので、不便です。 　リンク先をクリックしたときにウィンドウを普通のサイズで表示されるように戻すのには、どこをどのように設定すればいいのでしょうか？ 　ご教授よろしくおねがいします。

  • リンク先を(_blank)で表示するとき、ウインドウサイズ固定を使いたい！

    現在、イラストの展示サイトを行ってるものです。 作品のサムネイル画像をクリックすると、 解説付きで、作品が見れるようにしたいのです。 その際、リンク先を別ウィンドウで表示するとき、ウインドウサイズ固定を使いたい！のですが、 どうやったらできるのでしょうか？ また、そのリンク<a half=>が ひとつのデータ（HTML）に ３０～４０箇所あって、 効率良くするにはどうしたらいいでしょうか？ 宜しくお願いします。。

    • ベストアンサー
    • HTML
  • IE8をインストールしたのですが、リンクから開くウィンドウについて質問です。

    リンクからウィンドウを開くと、画面の左上1/4に小さく表示されます。もちろんその後サイズや位置を変えればいいのですが、最初から希望のサイズ、位置で開くように設定するにはどうしたらいいのでしょうか？よろしくお願いいたします。

  • リンクを小さな別ウインドウで開く方法

    ホームページを作成しているのですがリンクをクリックしたときに小さな別ウインドウで開くやり方がわかりません。 <a href="http://ほにゃらら/" target="_blank">を使うと別のタグで開かれるだけで新しいウインドウが開かれません。 新しいウインドウでなおかつサイズを小さくしたいのですがいい方法はないでしょうか。

  • リンク先のウィンドウ2

    　リンク先を開くときに新しいウィンドウを開きたいのですが、 その際ウィンドウのサイズの指定の仕方がわかりません。i-modeのホームページ をPC上で表示するために必要なのです。よろしくお願いします。

    • ベストアンサー
    • HTML
  • ホームページのリンク先をいつも同じウィンドウで開きたい。

    ホームページのリンク先(ハイパーリンク)をクリックすると、同じウィンドウで画面が切り替わるものと、別ウィンドウが開くものがありますよね。 これは作成者がそのように決めてるんだと思いますが、後者だとクリックしていくうちに、いつの間にかウィンドウの数が増えていって、ややこしく感じることが多いです。 好みとしては、常にいつも同じウィンドウで開きたいのですが、閲覧者側でそのような設定はできるでしょうか？ もし、ありましたら方法をお教えください。

  • googleのリンク先を複数ウィンドウで表示

    googleでリンクをクリックするたびに別のウィンドウが開くようにしたいです Google 検索結果のページにある 「表示設定」のリンクから行ける設定画面の 『検索結果を新しいウィンドウで開く』 にチェックを入れているんですが、 1. 検索結果のリンクをクリックする 2. 新しいウインドウでページが開く 3. 検索結果から別のリンクをクリックする 4. 2.で開いたウインドウを上書きして新しいページが開かれる といった感じで同じウィンドウに上書きされてしまいます パソコンを買い換える前は、リンクをクリックするたびに複数のウィンドウが開いていたので、その設定にしたいのですがどこを変更すればいいのかがわかりません。 会社のパソコンには複数ウィンドウで開くのがあったので、今のgoogleの仕様というわけではないと思うのですが。。。 どなたかわかる方がいれば教えてください。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する