<SRC>タグで図をダブルクリックすると拡大する？

[上に] [前に] [次に]
かえる [E-Mail] 1997/07/10(木) 09:28:03
ＧＩＦをダブルクリックしたら拡大図が出る<SRC>タグが
あるって聞いたんですけど…
どなたか方法を知っている方教えてください。
nori [HomePage] 1997/08/20(水) 12:59:17
HomePageに載せたURLでこんなことやってましたよ。

                ＜a href="big/opt1.gif"＞IMAGE 51K＜/a＞＜BR＞
                ＜img src="image/opt1.gif"width=90％height=90％ ＞＜BR＞
                ＜a href="sound/opt1.au"＞SOUND AU247K＜/a＞

90％と指定した画像が小さく表示されました。
＜と＞が全角なのは「ラウンジ」がこけるとやだから。半角にしてね。
ちなみに、私の実験では％は全角でないといけないらしい。どうゆう訳か知ってるひと、教えて！
それから、小さい画像は、色数を減らすなどして、軽くした方がいいかも。
私は自宅のパソコンは未だにi486だもん。


nori 1997/08/20(水) 13:15:56
追伸：質問にもっと近い形にしてみました。

＜a href="opt1.gif"＞＜img src="opt1.gif" width=90 hight=90 BORDER=0＞＜/a＞

ちなみに％は認識されないようで90だけで小さくなりました。
木村　浩一 [E-Mail] 1997/08/21(木) 09:52:54
height, width のパーセント指定は
元画像の縦横を100%と設定して比率を決めているのではなく，
ブラウザの表示ウィンドウ全体の縦横を100%としています。
ですから，
　　height=90% width=90%
では，ブラウザの表示ウィンドウのほぼ全体に画像が拡大されます。
（ウィンドウの大きさに対する相対値で指定）

全角の％は無視され，何も指定しないのと同じ。つまり，
　　height=90 width=90
は，縦横ともに90ドット，と絶対値で大きさを指定しています。

<a href> によるリンクはシングルクリックですものね。
ダブルクリックで拡大画像を表示，というのは私は知らないです。
現在開発中の Win98, IE4.0 の流れでは
ダブルクリック操作を廃止するという話ですから，
nori さんの方法で実現すればよいと思います。
とほほ 1997/08/21(木) 22:16:55
こんなの作ってみました。(^o^;)

<HTML>
<HEAD>
<SCRIPT>
function func(x) {
if (x == 1) {
document.layers['layer1'].visibility = "hide";
document.layers['layer2'].visibility = "show";
} else {
document.layers['layer1'].visibility = "show";
document.layers['layer2'].visibility = "hide";
}
}
</SCRIPT>
</HEAD>
<BODY>
<LAYER NAME="layer1" VISIBILITY=show>
<A HREF="xx.html" onClick="func(1); return false;">
<IMG SRC="xx.gif" BORDER=0 HEIGHT=10 WIDTH=10></A>
</LAYER>
<LAYER NAME="layer2" VISIBILITY=hide>
<A HREF="xx.html" onClick="func(0); return false;">
<IMG SRC="xx.gif" BORDER=0 HEIGHT=20 WIDTH=20></A>
</LAYER>
</BODY>
</HTML>

NN4.0でしか動きませんが、JavaScriptを使用すればもっと簡単な方法
もあるかもしれません。
みずか [E-Mail] [HomePage] 1999/05/23(日) 22:44:35
<img src="画像のＵＲＬ" ondblclick="this.style.width=50;this.style.height=60;" width="400"
height="600">
これはどうですか？
ＩＥ専用ですけど
みずか [E-Mail] [HomePage] 1999/05/23(日) 22:48:56
余計な数値が入っていたのでもう一度
<img src="8000.jpg" ondblclick="this.style.width=50;this.style.height=60;">
簡単すぎますけど、動きます・・・たぶん。
中学生程度ではここまでが限界だぁ〜〜〜〜〜〜〜（爆）
javascriptのこと全然知らないので。
あと、元の画像のサイズによっては、縮小になる可能性があります。（笑）
たぶんこの数値だとほとんどの画像が縮小化（笑）
[上に] [前に] [次に]