お世話になります。
ビルダー11で作成中です。
onmouseover時とonmouseout時に画像を入れ替える処理を入れました。
参考サイトさんを利用して、以下のようなソースです。
<img src="画像.jpg" alt="がぞう"
onmouseover="this .src=画像2.jpg';"
onmouseout="this .src='画像.jpg';">
でも、上記ソースだと、プレビュー画面で画像の回りに青い枠線が
常時表示されるようになってしまいました(!)
ビルダー内蔵のJavaScriptで_HpbImgSwap関数があって、
それを利用していたときはそんなことにはならなかったのですが・・・。
ちなみに、「じゃあ、そっち使えばいいじゃん」とおっしゃる意見も
出ると思うのですが、そちらを利用すると、なんかONMOUSEのときに、
画像が凹む?のです。
それはちょっと都合が悪い、ということで、上記ソースでできるならば、と思いました。
青い枠線を非表示にするには、どうしたらよいでしょうか?
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
よろしくご教示ください。<(_ _)>
No.1ベストアンサー
- 回答日時:
画像の周りに出る枠線は、マウスオーバーが原因と言うわけではなく、画像にリンクを貼ったためではないでしょうか?
(もしもリンク貼ってなかったら見当違いの回答ですので無視してください)
もしもそちらが原因のようであれば下記ページに対処法があるので何れかを試してみてください。
http://www.koikikukan.com/archives/2004/11/11-01 …
No.2
- 回答日時:
こんにちは
<a href="">~</a>で囲まれていませんか?
囲まれているならリンクによる枠線ですので
<img style="border:none;">とか
<img border="0">とか
<head>
<style type="text/css"><!--
img { border:none; }
--></style>
</head>
などすればいいですよ(どれでも一緒)
ご回答ありがとうございました。
ご指摘の通り、リンクを張っています。^^;
スタイルシートでなくて、<img style="border:none;">でもいいんですね。
勉強になりました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- Excel(エクセル) EXCELのグラフを画像(JPG形式)で保存、通常実行がうまく行かない。ステップインはうまく行く 3 2022/08/30 12:06
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- フリーソフト 倍率自動調整して全画面表示できるフリーの画像ビューアー 1 2023/08/24 10:55
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- Excel(エクセル) Excel 毎日手作業で時間がかかって、泣きたいです、、、VBAのプロの方、助けてください。。。 3 2022/10/25 04:26
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
拡張子無しで画像を表示したいです
-
期間ごとに画像表示を切り替え...
-
IMGタグでTIFF画像を表示
-
複数のボタンで1つのエリアに...
-
HTMLファイルの一部の画像だけ...
-
onmouseoverに複数の命令を書き...
-
サムネイル画像をクリックする...
-
クリックしても、リンクに飛ば...
-
リンクとして認識されない
-
form以外でのpostってできますか?
-
サムネイル(画像)をクリックす...
-
Javaスクリプトで画像をフェー...
-
リンクバナーの貼り付け方
-
HTMLだけで画像をクリックして...
-
HTMLタグで画像が表示されない
-
バナーのURLについて
-
画像を入れ替える方法
-
SEOの観点から見たalt属性の文字数
-
バナーの表示法、リンクの張り...
-
ALT
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
IMGタグでTIFF画像を表示
-
スライドショーの上にロゴマー...
-
pngやjsの後ろの英数字の意味は...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
クリックしても、リンクに飛ば...
-
予約語の表示について
-
HTMLでデスクトップの画像がでない
-
崩れたレイアウトが更新すると...
-
画像クリックでクリップボード...
-
カウンターのHTMLソースを教え...
-
カーソルを合わせると文字が出...
-
IFRAME内に収まるように画像を...
-
tifファイルが表示されない
おすすめ情報