プロが教える店舗＆オフィスのセキュリティ対策術

HTMLの画像のリンクについて

解決済

  • 質問者：shunjisun
  • 質問日時：
  • 回答数：2件

ページ内にインラインフレームを作成し画像サムネイルをクリックするとフレーム内に表示するという感じにしたいのですが、フレームサイズを500×500にしたので、このサイズを超える画像を表示するとページのスタイルが崩れてしまいます。元画像のリサイズをせずに表示させる方法はないでしょうか？

構造は以下のようになってます。
<html>
<head>
<title>photo</title>
</head>
<body BGCOLOR="007777">
<br><br>
<iframe NAME="photo" WIDTH="500" HEIGHT="500" FRAMEBORDER="0" ALIGN="right"></iframe>
<br><br><br>
<p>
　　　<a HREF="gazou1.jpg" TARGET="photo"><IMG SRC="gazou1.jpg" ALT="" WIDTH="50" HEIGHT="50" BORDER="0"></a>
<a HREF="gazou2.jpg" STYLE=""><IMG SRC="gazou2.jpg" ALT="" WIDTH="50" HEIGHT="50" BORDER="0"></a>

</body>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.1ベストアンサー

  • 回答者： wakatonsx
  • 回答日時：

使い方がちょっと勘違いしてる気がします。


IFRAMEはHTMLページを表示させるものです。
ファイルだけを表示させるにはちょっとあわないでしょう。

同じページ内にサイズの違うファイルを表示させたいなら
HTML表記では厳しいですね。

HTMLで表示させたいならサイズの統一しないと駄目でしょう。

リンク方法も・・・。

<iframe src="sample/＊＊＊.htm" name="sample" width="200" height="150">

のように使用します。

この回答への補足

回答ありがとうございます。
やはりhtml表記では厳しそうですね＾＾；

リンク方法はTARGET=でフレーム指定しようとしたかったのですが、元画像のリサイズをするしかないみたいですね。

補足日時：2012/01/25 02:53
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答ありがとうございます。
やはりhtml表記では厳しそうですね＾＾；

リンク方法はTARGET=でフレーム指定しようとしたかったのですが、元画像のリサイズをするしかないみたいですね。

通報する
お礼日時：2012/01/25 07:31

No.2

  • 回答者： kani001
  • 回答日時：

その利用方法ならjQueryを使って画像ホップアップにしたほうがいいと思う



http://phpjavascriptroom.com/?t=ajax&p=jquery_pl …
http://blog.tug.lomo.jp/?eid=990296
http://www.webcreatorbox.com/tech/jquery-tips20/

この回答への補足

回答ありがとうございます。
htmlの勉強のためにホームページを作ってるんで、なるべくhtml表記にこだわりたかったんですが、jQueryってすごいですね(笑)

参考にさせていただきます！

補足日時：2012/01/25 02:59
通報する
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報