• ベストアンサー

テキストのリンク先を別ウインドウで画像表示

Horickの回答

  • ベストアンサー
  • Horick
  • ベストアンサー率100% (2/2)
回答No.2

こんにちはnobu3さん。 文書中の文字からリンクする方法ですが <html> <head> <title>WindowOpen</title> </head> <body bgcolor="#FFFFFF" text="#000000"> 検索サイトは<a href="#" onClick="window.open('http://www.google.co.jp','new','scrollbars=no,resizable=no,width=420,height=350');">こちら</a> です。 </body> </html と記述すれば文中の"こちら"からリンクする事が出来ます。 もし画像を開くのであればwindow.openのURL('http://www.google.co.jp')部分を画像を保存してあるアドレスにしてあげれば良いと思います。 ウィンドウの高さや幅を変更する場合はwidth=420,height=350の部分を替えて見て下さい。

参考URL:
http://tohoho.wakusei.ne.jp/js/window.htm
nobu3
質問者

お礼

いままでかなり悩んでいた事をすぐにも回答いただきましてありがとうございました。今回一応の成果を得まして満足しております。いろんな本を読んでみたり、教えていただいたURLからダウンロードしたりと頑張ってみたのですが、個人ではなかなか理解が及びませんでした。早速の回答がとてもうれしかったです。感謝しております。

nobu3
質問者

補足

Horickさんありがとうございました。おかげで長い間悩んでいたことが一つ解決しました。ところで教えていただいたこのやり方は、N6では見ることが出来ないのでしょうか?又、文章のリンク個所をクリックしたらポップアップウィンドウが開いたときに親ウィンドウのスクロールバーがページの最初まで戻ってしまうのですが・・・解決策がありましたら教えていただきたいのですが、重ねてよろしくお願いします。

関連するQ&A

  • リンク先を小窓で開くと・・・

    よろしくお願いします。ビルダー9.0を使ってます。 サムネイルからのリンクを小窓で開くようにしました。イベントを使うやり方です。小窓はちゃんと現れるのですが、リンク元のサムネイルのページが真っ白になってしまいます。(メニューバーの戻るボタンで戻りますが)今まではこんなことなかったのでびっくりです。対処方法をご存知の方是非教えてください。お願いいたします。

  • 画像をクリックしたら別ウインドウを開くようにするには?

    検索したり本を探したりしたのですが、どうしても見つけられなかったので 投稿します。 アルバムのコンテンツを作ろうと考えています。 いきなり大きな画像を沢山張りつけると重くて仕方がなくなるので、 まずサムネイルをテーブルの中にいれて沢山表示させるページを作りました。 自分の理想としてはサムネイルをクリックすると サイズ指定された別ウインドウが開いて該当サムネイルの大きな画像が 表示されるようにしたいんです。 そこで色々調べてみたのですが、ボタンや、テキストをクリックすると 別ウインドウが開くというサンプルはあっても、画像をクリックした 場合の設定方法が見つかりません。 どのように設定したらいいのか、ご存知の方がいらっしゃいましたら、 教えてください。よろしくお願いします。

  • Dreamweaverでサムネイル画像とリンク先の大きな画像を一つの画像からできるか?

    Dreamweaverでサムネイル画像をクリックしたら、大きな画像が別ウインドウで開くようにしたいのですが、どうすればようでしょうか?小さい画像に別に用意した大きな画像へ普通にリンクさせることはできるのですが、サムネイル画像も大きな画像も同じ一つの画像でできないでしょうか?

  • リンク先の画像をテキストボックスに表示するには

    HPのリンクタグについて質問させていただきます。 質問タイトル通りで、リンク先の画像(バナー)を、テキストボックスに表示するにはどんなタグを使えばいいのでしょうか? リンク先の『説明』をテキストボックスに表示するタグは検索をしてたくさん出てきたのですが、画像を表示するというタグが出てこなくて… 考えている仕組みは、リンクが張ってあるテキストにオンマウスすると、同ページにあるテキストボックスにそのリンク先のバナーが表示されるという感じです。 ちなみにテキストボックスは200×40バナー大の一行テキストボックスがいいのですが…。 よろしくお願いします。

  • HTMLタグ⇒リンクした画像を別ウインドウで開く

    いつもお世話になります。 HTMLタグで、リンクした画像を別ウインドウで開く方法を教えて欲しいのですが、 1、メイン画像を表示。 2、そのメイン画像に別の画像をリンク付け。 ※3、上記2、の”別の画像を新しいウインドで開く”方法が判りません。 過去歴を閲覧させていただきましたが、わたくしの知る限りではサムネイル画像=同じ画像を別ウインドで開く方法しか検索出来ません。 どなたか※印の方法をご存知の方是非アドバイスをお願いいたします。

  • 画像をデザインした別ウィンドウで表示

    毎度お世話になっておりますm(__)m いまHP上に小さい画像を貼って、クリックすると大きめの画像を 別ウィンドウで表示させたく、いろいろやっておりまして ターゲットをブランク指定したりするのは分かるのですが、それだと ブラウザの画面に画像が余白つきで出てきてしまって嫌なのです。 それを自分でデザインした画像に合った指定の大きさの画面で、ブラウザの上のツールバーなどを 一切表示させないようにし、その画面にクローズボタンもつけたいのですが いろいろ調べていてもちょっとやり方がわかりません。 onclickのタグなどをそのクリック画像とどうやって関連付けて書けばいいのでしょうか? ちょっと上手く説明できないのですが、使用ソフトはDreamWeaverMXです。 あまりよくわかっていないので出来れば詳しく教えていただけると嬉しいです。 よろしくお願いします! 参考URL http://mao-lalala.com/lesson.html このサイトの上の小さい凹む画像リンクを押すと小窓が現れるように、こんなようにしたいのです。

  • クリックでテキスト表示

    既出かもしれませんが、教えて下さい。 よく、テーブル内でテキストや画像のサムネイルをクリックすると、 同テーブルの別セルに大きい画像を表示するというのがありますが それを画像ではなくテキストを表示させたいのですが どうやればできるのでしょうか?

  • 別ウィンドウを最大化表示させる

    別ウィンドウを最大化表示させたいのですが、 http://www.tohoho-web.com/how2/window.htm#window のようにしてもメニューバーなどがなくなってしまうし、位置を指定しなければなりません。 ●別ウィンドウを最大化するには位置(サイズ)を指定するやり方しかないのでしょうか? ●また、メニューバーやツールバーなども一緒に表示させる最大化の仕方はありますでしょうか? ●もうひとつ、全画面(F11)で表示させるやり方はありますでしょうか? 経験者の方、お願いします。

    • ベストアンサー
    • HTML
  • リンクしたときのウィンドウの表示を変えたい

    自作HPの中で、リンクしたときに別ウィンドウを開くようにしているのですが、そのウィンドウには「お気に入り」とかのメニューバーやらがはいって通常のブラウザ表示と同じになってしまいます。一番上にある青いタイトルバーだけのシンプルな無駄の無いウィンドウ表示をみたことがありますが、どのようなHTMLソースを挿入したらよいか本をたくさん見ましたが載ってません。誰かおしえてください。お願いします。

  • リンク画像を別ウインドウで開きたい

    gooブログ無料版の”カスタム用テンプレート”を使用しています。 サムネイルをクリックした時に、別ウインドウで拡大画像を表示したいのですが、CSSで記述する事は可能でしょうか。