- ベストアンサー
onmouseoverとoutで画像を切り替えられた・・・けど、何だろう青い枠線；
お世話になります。 ビルダー１１で作成中です。 onmouseover時とonmouseout時に画像を入れ替える処理を入れました。 参考サイトさんを利用して、以下のようなソースです。 <img src="画像.jpg" alt="がぞう" onmouseover="this .src=画像２.jpg';" onmouseout="this .src='画像.jpg';"> でも、上記ソースだと、プレビュー画面で画像の回りに青い枠線が 常時表示されるようになってしまいました（！） ビルダー内蔵のJavaScriptで_HpbImgSwap関数があって、 それを利用していたときはそんなことにはならなかったのですが・・・。 ちなみに、「じゃあ、そっち使えばいいじゃん」とおっしゃる意見も 出ると思うのですが、そちらを利用すると、なんかONMOUSEのときに、 画像が凹む？のです。 それはちょっと都合が悪い、ということで、上記ソースでできるならば、と思いました。 青い枠線を非表示にするには、どうしたらよいでしょうか？ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ よろしくご教示ください。<(_ _)>
- dendekoden
- お礼率71% (43/60)
- HTML
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
画像の周りに出る枠線は、マウスオーバーが原因と言うわけではなく、画像にリンクを貼ったためではないでしょうか？ （もしもリンク貼ってなかったら見当違いの回答ですので無視してください） もしもそちらが原因のようであれば下記ページに対処法があるので何れかを試してみてください。 http://www.koikikukan.com/archives/2004/11/11-010115.php
その他の回答 (1)
- leap_day
- ベストアンサー率60% (338/561)
こんにちは <a href="">～</a>で囲まれていませんか？ 囲まれているならリンクによる枠線ですので <img style="border:none;">とか <img border="0">とか <head> <style type="text/css"><!-- img { border:none; } --></style> </head> などすればいいですよ(どれでも一緒)
お礼
ご回答ありがとうございました。 ご指摘の通り、リンクを張っています。＾＾； スタイルシートでなくて、<img style="border:none;">でもいいんですね。 勉強になりました！
お礼
サイトをご紹介頂きまして、ありがとうございました。 無事に思ったと通りの動作ができました。