お世話になります。
ビルダー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ランキング
-
htmlでのpdf資料のリンク方法
-
サムネイル(画像)をクリックす...
-
form以外でのpostってできますか?
-
同じページの最上部へ戻るボタ...
-
クリックしても、リンクに飛ば...
-
[twip]から[pixel]への変換
-
リンクバナーのHTMLタグ。画像...
-
【OpenCV】BGRからHSVへの画像変換
-
マウスオーバーで薄いホワイト...
-
背景が透明なリンクボタンで、...
-
IMGタグでTIFF画像を表示
-
PerlのCGIの中で画像表示(html)
-
htmlでのページの作り方を教え...
-
透過GIFが表示されないんで...
-
画像を重ねて表示したい
-
HTMLのレイヤーとは?
-
gooの無料ホームページへアップ...
-
サムネイル画像をクリックする...
-
【PHP+lightbox2】 キャプショ...
-
alt属性を付けるとは?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
IMGタグでTIFF画像を表示
-
スライドショーの上にロゴマー...
-
pngやjsの後ろの英数字の意味は...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
クリックしても、リンクに飛ば...
-
予約語の表示について
-
HTMLでデスクトップの画像がでない
-
崩れたレイアウトが更新すると...
-
カーソルを合わせると文字が出...
-
カウンターのHTMLソースを教え...
-
画像クリックでクリップボード...
-
tifファイルが表示されない
-
IFRAME内に収まるように画像を...
おすすめ情報