回答(2)
2.
2006-03-20 04:02:56
意を決して回答します！
ーーーーーーーここから
<script type="text/javascript">
<!--
function changeDiv(id_hidden,id_visible){
//-->
</script>
<div>
<div id="changebutton" onMouseOver="javascript:changeDiv('img0','img1');" onMouseOut="javascript:changeDiv('img1','img0');">
マウスをあててねー
</div>
ーーーーーーーーーここまで
こんな感じになると思います．
要は，同じ位置にレイヤーを重ねておいて，可視/不可視をコントロールするだけです．まぁ他にもやり方・書き方はいろいろあるんでしょうけど．
ーーーーーーーここから
<script type="text/javascript">
<!--
function changeDiv(id_hidden,id_visible){
eval("x=document.getElementById(\""+id_hidden+"\")");
x.style.visibility="hidden";
eval("x=document.getElementById(\""+id_visible+"\")");
x.style.visibility="visible";
}//-->
</script>
<div>
<div id="img0" style="position:absolute;left:0px;top:0px;visibility:visible;"> <img src="foo0.jpg"> </div> <div id="img1" style="position:absolute;left:0px;top:0px;visibility:hidden;"> <img src="foo1.jpg"> </div></div>
<div id="changebutton" onMouseOver="javascript:changeDiv('img0','img1');" onMouseOut="javascript:changeDiv('img1','img0');">
マウスをあててねー
</div>
ーーーーーーーーーここまで
こんな感じになると思います．
要は，同じ位置にレイヤーを重ねておいて，可視/不可視をコントロールするだけです．まぁ他にもやり方・書き方はいろいろあるんでしょうけど．
回答レベル : 回答
1.
2006-03-20 03:53:21
<img id="changeImg" src="初めの画像" >
<??? onmouseover="document.getElementById('changeImg').src='別の画像'">ここでマウスオーバー</???>
？？？はspanとか div とか あるいはimg とか・・
<??? onmouseover="document.getElementById('changeImg').src='別の画像'">ここでマウスオーバー</???>
？？？はspanとか div とか あるいはimg とか・・
自信度 : 自信なし 回答レベル : 回答
Ads By Google
コメント(4)
#1. オニキス
2006-03-20 04:08:25
BLUEPIXYさんの方法って，もじら系でも効きますか？効くなら嬉しいのですが．（昔はできなかったので・・・．）
#2. ryu_z
2006-03-20 06:14:31
なるほど。
ありがとうございます。色々試してみます。
#3. BLUEPIXY
2006-03-20 11:42:03
>もじら系では？
IE6,Firefox1.5 でしか確認してないけど、新しいどころではgetElementByIdが使えたらほぼ大丈夫だと思います。srcが同じサイズの画像でないとだめとかいうことですよね。古いのではだめかも。
#4. オニキス
2006-03-20 20:02:05
えと，昔のネスケ6-7くらいでimgにidつけてsrc変えるというのができなかったような気がしたのですが，私の思い過ごしかもしれません．回答ありです＾＾
