• ベストアンサー

オンマウスで画像を表示〈フレーム版〉

すぐ下に質問されてる人と似ていますが、フレームバージョンではどうなのか、わからないので質問しました。 http://www.tagindex.com/javascript/link/change3.html フレームで上下に画面を分けて、上のリンク文字にマウスをあわせると、下の画面に画像を表示したいんです。 初心者なのであまりわからないんで。。。 よろしくお願いします。

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

  • ベストアンサー
  • Manuel
  • ベストアンサー率43% (43/98)
回答No.1

紹介されているサイトを参考にすると まず、上下のフレームにname属性を指定します。 <frameset rows="50%,*"> <frame src="top.htm" name="top"> <frame src="bottom.htm" name="bottom"> </frameset> 次に上のフレームの中にリンク文字とスクリプトの部分を書きます。 この時にスクリプトの中の document.images['def'].src を parent.bottom.document.images['def'].src と付け足します。 この部分を説明をするとparentはひとつ上のHTMLのことです。 この場合はframesetを書いたHTMLです。 その中のbottomと言う名前のHTMLへ下りて、 また、その中のdefと言う名前の画像のパスを対象にする。という意味です。 後は下のフレームに画像の部分を書けば出来るはず。

0sakuragi0
質問者

お礼

ありがとうございます。 2つに分けるって事ですよね。 どう分けたら良いんでしょうか? 初心者なのでわかりません。 ホントに申し訳ないですが、タグをうってもらえないでしょうか? よろしくお願いします。

0sakuragi0
質問者

補足

付け足しますが、フレームで画面を上下に分けて、上の画面のリンク文字に触れると、下の画面の『1つのテーブル』にそれぞれの画像を表示したいです。

その他の回答 (2)

  • Manuel
  • ベストアンサー率43% (43/98)
回答No.3

>まず、文字化けしてしまいます。リンク文字が変になってしまうんです。 <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> この部分が入ってるんなら消して、入ってないなら入れてみる。 ちなみに、入れる場合は<head>タグ内の一番上に入れてください。 これで直らない場合は、「文字化け」で検索すると色々出てきます。 >次に、一番上の~の部分はいじらなくて大丈夫ですか? すいません、その部分は消しちゃて下さい。 >最後に、下にリンク先を表示したいのに上に出てしまいます。 上のフレームにリンクがあって、下のフレームにそのリンク先を表示したい ということなら <a href="○○○.html">を<a href="○○○.html" target="bottom"> targetには<frame>タグのnameで指定したものを入れて下さい。

0sakuragi0
質問者

お礼

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> を消したら文字化けが直りました! ありがとうございます! もうちょっとでサイトが完成しそうです!ありがとうございました!

  • Manuel
  • ベストアンサー率43% (43/98)
回答No.2

参考URLをクリックしてダウンロードして解凍して下さい。 index.htmlをクリックしてもらえるとフレーム表示されます。 >『1つのテーブル』にそれぞれの画像を表示 というのは一つのテーブルの一つのセルですか?

参考URL:
http://49uper.com:8080/html/img-s/68799.zip
0sakuragi0
質問者

お礼

おおおお!! 形が出来てきました! ありがとうございます! >一つのテーブルの一つのセルですか? はい、そうです。 っていうか、セルは全部で1つなんです。 でもまだわからないことがあるんで、お願いします。 まず、文字化けしてしまいます。リンク文字が変になってしまうんです。 次に、一番上の 「<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 」 の部分はいじらなくて大丈夫ですか? 最後に、下にリンク先を表示したいのに上に出てしまいます。 どうしたら良いんでしょうか? 何度もすいません(^^;)

関連するQ&A

  • 携帯サイトでの画像切り替え

    [1],[2],[3]とそれぞれあるリンクをクリックすると表示されている画像を切り替えるという動作(例:http://www.tagindex.com/javascript/link/change3.html※これはロールオーバーですが)をしたいのですがPCではjavascriptを使って問題なく出来たのですが携帯サイトの場合javascriptが使えないのでどうすればいいのでしょうか?PHPを使えばいいというような事は聞いたのですがやり方がわからないのでご教授お願いします。

    • ベストアンサー
    • PHP
  • 1か所をクリックして複数ページを切り替える方法を教えてください。

    左にAというページ、右ページを上下2つに分割(B・C)しています。 Aにある文字をクリックしたらB・Cが同時に切り替わるタグを教えてさい。 (どこページに何を記載すればいいのか、Aにあるクリックする文字のところに書くことなど) わかりにくい説明ですみません。 http://www.tagindex.com/javascript/link/frame.html を見てみましたが、「// 設定開始(表示するフレーム名とリンク先URLを設定してください) 」にどのページのURLを書けばいいのか、Aにあるクリックする文字のところにどうやって書けばいいのかわかりません。 よろしくお願いします。

  • 別のフレームに画像を表示させる

    検索をかけてみたのですが、同じ質問は見付からず 似た(?)ような質問の回答では理解出来ないので どなたかご存知の方が居ましたらお願い致します マウスを乗せた時、他の画像を表示させたり、画像に効果をつける ロールオーバーという機能の仲間なのではないかと思うのですが 「マウスを乗せた時、別のフレームに画像を表示させる」事は可能なのでしょうか? フレームを上下に分けて、上は写真のサムネイルで そのサムネイルにマウスを乗せた時に 下のフレームに大きめの、サムネイルとは別の画像を表示させたいのですが やり方が判りません。 ロールオーバーも使った事がなかったのですが やってみたら(基本の効果は)、そこそこ理解出来ました。 フレームも最近覚えた初心者ですので、スクリプトも良く判りません (作られたソースを貼る位しか出来ません・・・・) 宜しくお願い致します

  • 画像の場合のみ、下線を消す方法はありますか?

    http://www.tagindex.com/stylesheet/link/text_decoration.html この方法で消せることは知ったのですが、文字の場合は下線を表示、 画像にリンクがある場合は、リンクの下線や枠を非表示にしたいです。

    • ベストアンサー
    • HTML
  • フレームについて

    今、HPを作っています。 それで、フレームで、上下に分けました。 そこまではよかったんです。 そして、上下で、7:3でわけ、下のフレームに メニューで、画像でリンクしています。 それで、ふつうのリンクなので、下のフレーム内で、移動してしますんですね(あたりまえですけど) それを、メニューは下でリンクを張って、上のページで、表示させる方法を教えていただけないでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • ホームページ作りについて2つ質問します。

    まず一つ目です。 マウスポインタをかざすと自動的に文字が反転するインラインフレームのHTMLタグを教えてください。 二つ目。 http://www.tagindex.com/html_tag/frame/example_f01.html ↑の緑のフレームでリンクしたものを青のフレームで表示するにはどうすればいいのでしょうか。 説明下手ですいません;;

  • 文字のマウスオーバーで、別フレームへ画像を表示させたいのですが

    ただいまHPビルダーにてHPを作成しています。 上下にフレームを分けており、 上:地図 下:地名 として・・・ 下フレームの地名(リンクを挿入してます)をマウスオーバーすれば、 上フレームの地図に場所を矢印で示す というような効果ができないものかと考えてます。 これが同じページ内であれば、 HPビルダーの、ロールオーバー効果にて作成することも可能なのですが、 下フレームの地名がたくさんあって スクロールする必要があるため、 常に地図を表示させるように 地図と地名を別フレームに分けたいのです。 アドバイスよろしくお願いいたします<(_ _)>

  • ファビコンの画像がうまく表示されないくて困っています。

    下のサイトを参考にしてトップページにファビコンの画像が出るように したいと思って試しに使用例をコピーペーストしたのですがうまく行かないです。 ファビコンの画像拡張子もicoで間違えてないのですが http://www.tagindex.com/html_tag/page/link_favicon.html どうしたらいいのでしょうか? 詳しい方教えてください。

  • ページの中に小さな画面でフレームを作りたい!

    ビルダーvol8を使ってホームページを作ろうとそています。フレーム機能を使うを画面が分割されるのですが、パソコンの画面にさらに小さなウィンドウを付くって、そこを上下に2分割したいのです。参考例ではhttp://www16.ocn.ne.jp/~bambino/みたいな感じです。上のボタンを押すと、下の画面が変わる仕組みです。普通のフレームだったら、全部が上下に分かれてしまってりするでしょう?それをやめたいんです。これは表を使って作るのでしょうか?それともフレーム機能で作れるのでしょうか?ちなみに私は表を作ってトップページは作りましたが、それをコピーして別のページを作っていこうとしていましたが、そうなると、リンクがどうなるのか分からず、ここにやってきました。初心者ですので、どうかアドバイスよろしくお願いいたします。

  • フレームを使った画像サイトの作り方について

    写真サイトを始めようかと思っています。 メインの写真展示コンテンツはフレームで左右を左少な目に二分割して、左に何の写真かの文字リンクをはって、大きく開いた右のスペースに左でクリックした内容が表示されるようにしたいと思ってます。 慣れない初心者なりに、フレームで左右を分けるところまではうまくいきましたが、いざ画像をアップしようとしたら全然うまくいきません。左の文字リンクで画像(サーバー内にアップロードしたもの)を見ようとすると、大きく開いた右のスペースには表示されず、新しく別窓が開いてしまいます。 一体どうすればいいのでしょうか? ちなみに左のフレームの文字部分のタグは 「<a href="リンクアドレス"target="右側のフレーム名">文字</a>」 と入力しています(初心者向けのタグ講座さんで拾ったタグです) ちなみに http://www.ashinari.com/category.php?blogid=2&category=265&page=1 こんな感じにしたいと思っています(私の場合は画像を縮小することなくのせたいので、一回当たりに表示される画像は1,2枚程度ですが) ちなみにサーバーはFC2です。ホームページビルダーなどは持っていません。