写真のサイズ設定

解決済

質問者：bonzin
質問日時：2014/03/27 00:03
回答数：3件

Windows７でホームページビルダ１２を使用しています。
ホームページ上の全身が写った写真の上にマウスを乗せると、その写真の顔をアップしたサイズに切り替わるようにしたいのですが、その指定方法が分かりません。

私の文法は下記のとおりです。ここでは、zenshin.jpg写真にマウスを乗せるとkaodake.jpg写真は表れるのですが、寸法の指定ができません。
zenshin.jpgの場合は、w180、h130と指定できるのですが。

<A href="kaodake.jpg"><IMG src="zenshin.jpg" width="180" height="130" border="2" align="left" alt="文章1"></A> 文章2<BR>

どのような文法にしたら良いのか、具体的にお教え下さい。

通報する

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

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： nanden1548
回答日時：2014/04/08 21:25

alt="代替文字"　は、画像が表示されない場合に表示される、代替文字です。

代替文字=画像が表示されていなくても、理解できる説明であって、画像の名前ではない！ことに注意

Ｂｉｌｄｅｒの設定を正しくされていますか？・・・
参考URLのソースは下記のように記述しています。

<!DOCTYPE html>
<html lang="ja">
<head>
<title>画像リンクテスト</title>
</head>
<body>
<p><a href="images/cat.jpg" width="1024" height="768" alt="猫の写真"><img src="images/cat_s.jpg" width="40" height="30" alt="猫の写真小"></a></p>
</body>
</html>

必要であれば下記からダウンロードしてください！（圧縮ファイルですがzip形式なのでダブルクリックで解凍できます）

http://www.8341web.com/test/cat.zip

参考URL：http://www.8341web.com/test/cat.html

- 0
- 件

通報する

この回答へのお礼

お手数をお掛けして申し訳ありませんでした。
この文法を参考にして、じっくりとやってみます。
ありがとうございました。

通報する

お礼日時：2014/04/08 23:09

No.2

回答者： nanden1548
回答日時：2014/04/08 09:41

一番簡単な方法ですね！

<a href="zenshin.jpg" width="90" height="65" alt=""><img src="zenshin.jpg" width="180" height="130" alt=""></a>
としてもできますが？・・・
サムネイルをもう１枚用意して、別名で保存。たとえば、zenshin_s.jpg
<a href="zenshin.jpg" width="180" height="130" alt=""><img src="zenshin_s.jpg" width="50" height="30" alt=""></a>
と、すればできます。