- ベストアンサー
画像を別窓で小さく(上のメニューは無しの)出す方法教えてください!
画像があるサイト様でよく見かけるのですが、 クリックすると画像が別窓で出てきて、 その画像の大きさで、上の部分にメニューが無い コンパクトな別窓を開くようにしたいのですが そのタグを教えて頂けますか? 宜しくお願いします!
- raki789456
- お礼率16% (19/114)
- HTML
- 回答数3
- ありがとう数3
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
leap_dayです 普段は動作確認してから回答するのですが仕事に行く時間だったのでちょっと書き殴りのような感じになってすみません 下のスクリプトでは無理です(滝汗)記述ミスがありましたので・・・ <title></title> <SCRIPT language="JavaScript"> <!-- function openWindow() { x = (screen.width - 800) / 2; y = (screen.height - 400) / 2; window.open("***.gif","OpenWindow","screenX="+x+",screenY="+y+",left="+x+",top="+y+",scrollbars=no,location=no,menubar=no,toolbar=no, status=no,directories=no,resizable=no,width=800,height=400"); } //--> </script> <==ここ追加です </head> <body> print "<img src='./***.gif' onClick='openWindow()' style='cursor: hand'>\n"; <==ここ書き換えです <body> style='cursor: hand' はマウスポインタをハンド表示するものです。なければ矢印表示になります これで画像をクリックして小窓で画像表示出来ると思います 特にウィンドウの表示位置を気にしないのであれば function openWindow() { window.open("***.gif","OpenWindow","scrollbars=no,location=no,menubar=no,toolbar=no, status=no,directories=no,resizable=no,width=800,height=400"); } でもいいと思います(左上に表示されます) あとはwidth=800,height=400のところをお好みのサイズに変えてもらえればいいです
その他の回答 (2)
- leap_day
- ベストアンサー率60% (338/561)
失礼・・・m(--)m 画像をクリックして画像表示でしたね・・・ print " <input type='button' onClick='openWindow()' value='小窓を開く'>\n"; のところを print "<img src='./***.gif" onClick="openWindow()">\n"; です 画面サイズとかはURLを参考にご自分で変えてみてください window.open("***.html",のところ・・・そのまま画像のURLにして表示できるかは未確認なので試してみてください(--;)
お礼
ご回答有難うございます! 教えて頂いたURLの、 Sample 1のサブウィンドウ1が希望 でした! No.1で回答して頂いたタグで大丈夫ですか? 画像サイズの別窓を開きたいのですが 画像のサイズに合わせて数字を変えれば大丈夫ですよね? 感謝いたします!
- leap_day
- ベストアンサー率60% (338/561)
javascriptを使います <title></title> # ここから <SCRIPT language="JavaScript"> <!-- function openWindow() { x = (screen.width - 800) / 2; y = (screen.height - 400) / 2; window.open("***.html","OpenWindow","screenX="+x+",screenY="+y+",left="+x+",top="+y+",scrollbars=no,location=no,menubar=no,toolbar=no, status=no,directories=no,resizable=no,width=800,height=400"); } //--> # ここまで </head> <body> print " <input type='button' onClick='openWindow' value='小窓を開く'>\n"; </body> のようにすれば800*400の小窓が画面中央に表示されます
関連するQ&A
- 画像をクリックするとふわっと別窓が開くHPの作り方
http://www.oh-an.co.jp/relaxation.html ↑このHPの画像をクリックするとふわっと画像が出てくるような作り方がしたいのですが、タグ?(すみません、タグかスクリプトかjavaか何を使っているのかよく分かりません(^^;)) 作り方はどうすればいいのでしょうか?作り方の説明をしているHPアドレス等があったら教えてもらえたらと思っています。 ※画像をクリックした際に、_blank等で別窓が開く方法は知っています。
- ベストアンサー
- その他([技術者向] コンピューター)
- 別窓が開いてしまうんです
メニューをタグを使って囲ったんですが メインとかもレンタル中のBBSとか、別窓で表示されてしまうんですよ。 それも全部同じ窓で。。(BBSを開いて次に日記を開くと、BBSはつぶれて日記になる)というかんじで。。一体どうしてでしょうか??
- 締切済み
- HTML
- 画像から別窓(サイズ指定)を開けますか?
こんにちは。 いつもお世話になっております。 ホームページを作成しているのですが、 サムネイル画像をクリックすると別窓が開く、という 事をしたいのですが、うまく出来ません。 別窓、というのはターゲットで新しくウインドウを開くと言ったものではなくて 大きさや、ツールバーの有無などを設定して開く窓のことです。 JAVAスクリプトで何とかする、というのはわかるのですが、 どのサイトをみても画像からのリンクで別窓を開くものではなく フォームの「ボタン」で別窓を開かせるというものばかりでした。 画像から開きたいのですが どのように記述したらよいのでしょうか? ちなみに画像はロールオーバー効果処理をしています。 詳しい方いらっしゃいましたら是非教えてください。 よろしくおねがいします。
- ベストアンサー
- JavaScript
- 別窓が小さくなってしまいました。
急になってしまったのですが、 例えば、とあるサイトを見ていて、 リンク先をクリックすると、別窓が開く時ってありますよね。 普通なら、今開いているのと同じ大きさの窓が開くのに、 4分の1ほどの大きさになってしまいました。 上の、最大化を押すと大きくなりますが、 その開いた別窓を閉じて、また他の窓を開くと、 やはり小さいです。 今までのとおり、大きい窓を開く方法って何かないのでしょうか? 別に故障してる訳ではなさそうですが、 いちいち大きくしなければならないので不便で・・・。 なにかいい方法があれば教えて下さい。 宜しくお願いいたします。
- ベストアンサー
- Windows 95・98
- 画像をクリックすると別窓で開いてしまう
FC2のブログを使っているのですが、アップした画像(400x400)をクリックすると、別窓で開いてしまいます。 別窓で開かないようにするには、どうしたら良いですか? 分かりやすく説明して頂けると嬉しいです…!
- ベストアンサー
- ブログ
- この画像の上に別な画像を置きたいです
こんにちはお世話になります。 ここの(http://home7.highway.ne.jp/ash/ash_personal/photo_sight/sight-java-sakura-river.htm)ページにある画像の上に別な画像を置きたいですが、 具体的にいいますと、この画像の上に窓の画像を置きたい。窓の画像はガラスが透過されているgifファイルは作ったのですが、自分でやってみて、なかなかうまくできません。 どうしても窓の画像が後ろに表示されてしまいます。 どなたか、よろしくお願いします。
- ベストアンサー
- JavaScript
- フレームで別窓
只今テンプレートを使ってHPを作ってるんですが、(フレームです) 他のサイトのリンクを貼って別窓表示にちゃんとしてるんですが、別窓になりません。別窓表示のタグは間違ってないんですが、どうしてでしょうか? 教えてください><
- 締切済み
- その他(インターネット・Webサービス)
- 複数の画像にメニュー表示させたい
説明が下手で申し訳ないです。 現在hpのリメイクをしています、以前はテーブルでレイアウトを組んでselectタグで画像上部にプルダウンを設置していました。 (※画像参照) 今は、 ・上にプルダウンメニュー ・下に画像 のように分かれていますが、これを一つの画像として作成して 画像のある部分をマウスクリックすると、メニュー表示されるようにしたいです。 当初考えていた二つに分けて設置だと、場所の指定や書くコードが多すぎるのかと思い 一つの画像として扱おうと変更しました。
- ベストアンサー
- ホームページ作成ソフト
お礼
ご回答有難う御座いました! 感謝いたします。