javascript で質問です。

javascript ON なら画像Aを表示する。
javascript OFF なら画像Bを表示する。
といった制御は行えますか?
わかる方ご指南ください。

回答の条件
  • 1人2回まで
  • 登録:2006/05/31 17:16:54
  • 終了:2006/05/31 21:19:06

ベストアンサー

id:aki73ix No.3

aki73ix回答回数5224ベストアンサー獲得回数272006/05/31 18:00:24

ポイント50pt

NOSCRIPTタグを使用します

まず、JavaScriptで document.write でIMGタグで出力し、

NOSCRIPTタグ内で IMGタグをそのまま記述します

JavaScript 非実行時にはNOSCRIPT内のタグが表示されるわけです

この例ではON時にimgA.gif、OFF時にはimgB.gifが表示されます

http://nifberry.727.net/test/hatena196.htm

		<HTML>
		<BODY>
		<script language="JavaScript1.1">
		<!--
		  document.write('<IMG SRC="imgA.gif">');
		// -->
		</script>
		<NOSCRIPT>
		<IMG SRC="imgB.gif">
		</NOSCRIPT>
		</BODY></HTML>
	

参考

http://www.htmq.com/html/noscript.shtml

id:rizo

ここでもNOSCRIPTでてきましたね。

参考URLありがとうございます。

2006/05/31 21:17:32

その他の回答(3件)

id:llusall No.1

llusall回答回数505ベストアンサー獲得回数612006/05/31 17:31:00

ポイント40pt

以下にサンプルを記述します。

JavaScritpが有効な場合は、スクリプトが実行されて、画像A(gazou_A.jpg)が表示されます。

JavaScritpが無効な場合は、NOSCRIPTタグが解釈され、画像B(gazou_B.jpg)が表示されます。



<html>

<body >

<img id="idImgA" src="gazou_A.jpg" style="display:none;">


<NOSCRIPT>

※ JavaScriptが無効です<BR>

<img id="idImgB" src="gazou_B.jpg" >

</NOSCRIPT>

</body>

</html>

<script language='JavaScript'> 

<!-- 

document.all.idImgA.style.display = "block";

//--> 

</script> 

id:rizo

NOSCRIPTというのを始めて知りました。

なるほど、ありがとうございます。

早速試してみます。

2006/05/31 18:03:47
id:PaulYamamoto No.2

Paul回答回数113ベストアンサー獲得回数22006/05/31 17:55:47

ポイント20pt

単純に、

<img name="changeimg" src="javascriptオフのときの画像" onload=loadimg() />

とかにして、

function loadimg {

document.changeimg.src="javascriptオンのときの画像"

}

で良いと思います。

http://www.openspc2.org/reibun/javascript/image/003/index.html

id:rizo

回答ありがとうございます。

このやり方も試してみます。

2006/05/31 21:16:27
id:aki73ix No.3

aki73ix回答回数5224ベストアンサー獲得回数272006/05/31 18:00:24ここでベストアンサー

ポイント50pt

NOSCRIPTタグを使用します

まず、JavaScriptで document.write でIMGタグで出力し、

NOSCRIPTタグ内で IMGタグをそのまま記述します

JavaScript 非実行時にはNOSCRIPT内のタグが表示されるわけです

この例ではON時にimgA.gif、OFF時にはimgB.gifが表示されます

http://nifberry.727.net/test/hatena196.htm

		<HTML>
		<BODY>
		<script language="JavaScript1.1">
		<!--
		  document.write('<IMG SRC="imgA.gif">');
		// -->
		</script>
		<NOSCRIPT>
		<IMG SRC="imgB.gif">
		</NOSCRIPT>
		</BODY></HTML>
	

参考

http://www.htmq.com/html/noscript.shtml

id:rizo

ここでもNOSCRIPTでてきましたね。

参考URLありがとうございます。

2006/05/31 21:17:32
id:villain No.4

villain回答回数174ベストアンサー獲得回数122006/05/31 18:08:27

ポイント30pt

最初に画像BをHTMLとして記述してJavaScriptで画像Aに書き換え

ればいいのではないでしょうか。

ただし、ページの読み込みが完了するまではJavaScriptは動作

しないので一瞬だけ画像Bは表示されますが...。

(これは仕様です)


こんな感じ(簡易的)

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<title>画像切り替え</title>
<script language="JavaScript">
<!--
function ChangeImg(img) {
    document.all.id.innerHTML="<img src='" + img + "'>";
    return;
}
//-->
</script>
</head>
<body onload="ChangeImg('画像AのURL');">
<span id="id"><img src="画像BのURL"></span>
</body>
</html>


innerHTMLで画像の変更

id:rizo

このようなやり方もあるのですね。

回答ありがとうございます。

2006/05/31 21:18:16

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません