画像にオンマウスで。。。
- 0 名前： あっちゃん ： 2004/10/23 03:38
- 表示されている画像にオンマウスすると、
同じ画像の表示範囲で別の画像に切り替わる…っていう事をしたいのですが
どの様なタグを貼れば良いのでしょうか？？
どこかへリンクする様なものではなく、
ただ画像が切り替わるだけっていうヤツなのですが。。。
どなたか教えて下さい。よろしくお願いいたします。
- 1 名前： TK ： 2004/10/23 03:48
- そう言うときにはタグでなく、javascriptをつかいます。
このサイトさんが参考になるでしょう。
http://www.sumnet.ne.jp/domp/jsbs/
- 2 名前： あっちゃん ： 2004/10/25 02:45
- TK様、ありがとうございます！
で、さっそく実践してみたのですが。。。
ひとつのページに3種類の画像を掲載する形で、
それぞれの画像をオンマウスで切り替わるようにしたいのですが☆
（なので、実際に使用する画像は6種類になります。）
。。。1枚目の画像までは上手くいくのですが、
2枚目からが上手くいかず；；切り替わりません。
設定を確認しくり返している内に、
1枚目の画像まで上手く表示されなくなってしまって。。。
何度設定を確認しても、成功しませんでした。
もし何か考えられる原因などありましたら、お手数おかけしますが
再度お教え頂けないでしょうか？よろしくお願いいたします。
- 3 名前： むむりく ： 2004/10/25 03:14
- 同じid（name）を使ってるからかな。
<img src="元の画像"
onmouseover="this.src='変える画像'"
onmouseout="this.src='元の画像'"
alt="">
こっちの方が簡単でいいかも。
- 4 名前： あっちゃん ： 2004/10/26 16:19
- むむりく様、ありがとうございます！
早速試してみたのですが。。。
「元の画像」が横並びに3枚出てしまいました＾＾；
表示された画像のうち、一番左の画像だけ
オンマウスで「変える画像」に変更できる上に
マウスを外すと、ちゃんと元の画像にも戻ってくれるのですが。。。
まん中の画像は何の動きもナシ、
そして一番右側の画像は、オンマウスすると
変える画像に表示変更はされるのですが
マウスを外しても元の画像には戻らない。。。という感じです。
何か原因として、思い当たられることはありますでしょうか？？
何度も申し訳ありませんが；ありましたらお教え下さい。
どうぞよろしくお願いします。
- 5 名前： むむりく ： 2004/10/26 23:53
- 引用符を閉じ忘れているとか…
実際のページのアドレスかソースをお願いします。
- 6 名前： 0groove ： 2004/10/27 19:45
- CSSでも実現可能。背景画像の切り替えで。
- 7 名前： 0groove ： 2004/10/27 19:46
- あぁ、リンクじゃないとできないか・・・。すまぬ
- 8 名前： むむりく ： 2004/10/27 23:36
- > あぁ、リンクじゃないとできないか・・・。すまぬ
Internet Explorer の場合はそうなりますね…
- 9 名前： あっちゃん ： 2004/10/29 03:01
- むむりく様、たびたびのお返事ありがとうございます＾＾
http://www.geocities.jp/coaltarmoon/coaltarmoon.html
実際のページはこちらになります。
まだ工事中なので、ちゃんと公開はしていない＆
画像に関しては、一枚づつ貼るだけでそれ以上のことはしていませんが。。
またお返事いただけたら幸いです。
よろしくお願いいたします。
- 10 名前： むむりく ： 2004/10/29 14:38
- <img src="元の画像"
onmouseover="this.src='変える画像'"
onmouseout="this.src='元の画像'"
alt="">
実際にこれを入れて、うまくいかなかったページを、
うまくいかなかった状態のまま見せてください。
それとフレームの書き方が間違っているので、なにも表示されてませんよ。
http://www.shoshinsha.com/pukiwiki/pukiwiki.php?%A5%D5%A5%EC%A1%BC%A5%E0%BA%EE%C0%AE%A4%CE%B4%F0%CB%DC
