こんにちは。
- 0 名前： シシ ： 2003/06/09 02:48
- はじめまして。
シシといいます。
突然ですが、２段階の画像表示ができません。
たぶんブラウザの問題だと思われるのですが、
どうしてもやりたいのです。
ということで、このサイトで扱っているタグ以外で
使えるタグがあったら是非教えてください（> <）。
- 1 名前： mar ： 2003/06/10 01:46
- >２段階の画像表示
とは<img>タグの「low src」のことでしょうか？
そうならば、確かにブラウザによって機能しない場合もありますね。
しかしこれは元々、重い画像が表示されるまでの待ち時間に軽い画像を出してフォローするというのが本来の目的ですし
そういうことでsrcで指定された画像が読込まれたらlow srcの方は消えてしまうはずです。
ですからsrcと大して容量の変わらない画像を指定したり、srcの画像読込みに時間がかからない様な場合は
有効なブラウザでもlow srcはあまり見えません。
>どうしてもやりたいのです。
というならば、恐らく「演出として」なのでしょうから、それなりの仕組みにした方がいいでしょうね。
JavaScriptを使えば可能だと思います。
例えば、
<script language="javascript">
setTimeout("func()", 5000);
function func() {
document.images["pic1"].src = "後に出したい画像";
}
</script>
<img src="最初に出したい画像" name="pic1">
こんな感じとか。
setTimeoutの「5000」という数字を変えると画像が変わるまでの時間を変えられます(ミリ秒単位なので5000で5秒です)。
もっと良いやり方もあると思いますので、詳しい方にフォローして頂けると助かります。。。
- 2 名前： シシ ： 2003/06/11 20:23
- えっと、やりたいことは
画像にマウスポイント置くと画像が変わるやつです。
上に書いてあるもので、できるのでしょうか？
無知でどうもすいません。
- 3 名前： mar ： 2003/06/12 12:45
- そうでしたか。
それなら最初からそう書いて頂ければ遠回りせずにすみましたね。
これもJavaScriptを使います。
こんな感じです。
<SCRIPT LANGUAGE="JavaScript">
function In() {
document.images["pic1"].src = "マウスが乗ってる時の画像";
}
function Out() {
document.images["pic1"].src = "最初に出る画像";
}
</SCRIPT>
<img src="最初に出る画像" name="pic1" border="0" OnMouseOver="In()" OnMouseOut="Out()">
- 4 名前： シシ ： 2003/06/13 05:50
- ありがとうございます。
早速試してみます。
