画像の切替え方について教えてください。


<span onClick=”parent.bSound=!parent.bSound;if(parent.bSound)this.innerText=’画像1’;else this.innerText=’画像2’;setTimeout(’parent.speak.editword.focus();’, 100);”><script>if(parent.bSound)document.write(’<img src=”bt_sound.gif”>’);else document.write(’<img src=”bt_sound_off.gif”>’);</script></span>

ページの一部なのですが、現状ではデフォルトで「bt_sound_off.gif」が表示されています。
クリックすると『画像1』もう一度クリックすると『画像2』と表示され、以降画像1と画像2の繰り返しになります。

この『画像1』と『画像2』のところにテキストではなく画像を入れたいです。

なるべく今の形式をくずさない方法を教えてください。
よろしくお願いします!

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/06/29 21:39:29
  • 終了:--

回答(2件)

id:jouno No.1

jouno回答回数280ベストアンサー獲得回数02005/06/29 21:53:29

ポイント30pt

http://www.tohoho-web.com/js/dom.htm

ドキュメントオブジェクトモデル(DOM)

基本的には、document.writeではなく、innerHTMLを使うだけです。少し形式が違いますが、たとえば、こんな感じです。


<script>

var bSound = True;

function func(obj){


if(bSound) obj.innerHTML=’<img src=”bt_sound.gif” />on’;

else obj.innerHTML=’<img src=”bt_sound_off.gif” />off’;

bSound=!bSound;

}

</script>

<span onClick=”func(this);” id=”test”>test</span>

id:kalkal

ありがとうございます。早速実験してみます。

2005/06/30 09:31:11
id:dungeon-master No.2

dungeon-master回答回数571ベストアンサー獲得回数402005/06/30 01:11:57

ポイント50pt

画像にオブジェクトを識別する名前をつければ操作できるようになります。

this.innerText=’画像1’→ document.bt.src=’bt_sound.gif’

this.innerText=’画像2’→ document.bt.src=’bt_sound_off.gif’

後は、document.write で書いている両方の<img>タグに name=”bt” をいれます。

id:kalkal

ありがとうございました!

解決しました!

2005/06/30 09:41:34

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

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

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

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

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