ロールオーバー画像の枠線を消したい

2023/10/13 00:20

このQ&Aのポイント

初めてホームページ作成中の超初心者です。ロールオーバーで表示させた画像の枠線を消したいのですが、border="0"を追加しても表示されなくなってしまいます。
問題のタグのひな形では、リンク画像の枠線を消すためにborder="0"を追加しましたが、その結果、画像が表示されなくなってしまいました。
どうすればロールオーバー画像の枠線を消すことができるでしょうか？初心者なので分かりやすく教えていただけると助かります。

ベストアンサー

ロールオーバー画像の枠線を消したい

2004/05/20 12:20

初めてホームページ作成中の超初心者です。ロールオーバーで、下記のタグで表示させたのですが、画像の枠線が出てしまいました。普通に<img src="img1.gif">と書くと出ない画像なんですが・・・リンク画像の枠線を消すのと同じ要領でborder="0"とも書き加えてみましたが、（４ヶ所とも）今度は何も表示されなくなってしまいました。＜問題のタグのひな形＞ <a href="http://www-------"onmouseover = "document.bt.src = 'img1.gif'" onmouseout = "document.bt.src = 'img2.gif'"onclick = "document.bt.src = 'img3.gif'"><img src = "img2.gif" name="bt"></a> どうぞ宜しくお願いします！

nyatann
お礼率87% (174/199)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

chobby
ベストアンサー率20% (10/48)

2004/05/20 12:58 回答No.1

４ヶ所というのはどういうことでしょう？？？この場合ですと、 <img src = "img2.gif" name="bt"> だけにborder="0"を入れればいいと思いますよ～。

質問者

お礼 2004/05/20 16:56

念を入れ過ぎたんですね！　画像名４つの後に全部入れてたんです。教えて頂いたとおりにしたら、枠線がものの見事に消えました！　目からウロコが落ちました！悩みが解決して、スッキリです！本当にどうもありがとうございました！

関連するQ&A

ロールオーバー画像のリンク設定にTARGETタグを加えたい（度々すみません。）
質問No.８６４６９２でロールオーバーの画像の枠線の消し方を質問した者です。そちらは、ご協力を得て、無事解決したのですが、新たな問題が発生（私の知識不足）してしまいました。下記のタグに　TARGET="○○（任意に名付けたname）"を最後に書き加えたのですが、エラーになってしまいました。＜問題のタグのひな形＞ <a href="http://www-------"onmouseover = "document.bt.src = 'img1.gif'" onmouseout = "document.bt.src = 'img2.gif'"onclick = "document.bt.src = 'img3.gif'"><img src = "img2.gif" border="0" name="bt" （ここに記入した）></a> 重ね重ね申し訳ありませんが、よろしくお願いします！
- ベストアンサー
- JavaScript
ロールオーバーが表示されない
ココログでブログを作成しています。パソコン知識は低いですが、簡単なタグを親切に教えてくれるサイトを参考にがんばってカスタマイズしています。以下の通りでロールオーバーが簡単にできるとのことでやってみましたがうまくいきません。【参考にしたタグ】 <img src="★" border="0" onmouseover="this.src='●'" onmouseout="this.src='■'"> ★最初に表示される画像のファイル ●オンマウスで表示される画像のファイル ■マウスをはずしたとき表示される画像のファイル【私が入力したタグ（？？のところにココログのアドレスが入ります】 <IMG src="http://？？.cocolog-nifty.com/images/★のファイル.gif" onmouseover="this.src='http://？？.cocolog-nifty.com/images/●のファイル.gif'" onmouseout="this.src='http://？？.cocolog-nifty.com/m/images/■のファイル.gif'"> 【トラブルの現象】１）1枚だけ表示されマウスを持っていくと×印になり二度と表示されません。２）HTMLの編集欄にタグを貼り付け保存→記事の作成で確認→htmlの編集欄に戻ると、タグの順番が逆になる（↓このようになる） <p><img onmouseover="this.src='●'" onmouseout="this.src='■'" src="★" border="0" /></p> うまく表示する方法がございましたら教えて頂けると助かります。尚、他のサイトのロールオーバーは表示されております。
- 締切済み
- ブログ
javascriptを使って画像のランダム表示とロールオーバーをセット
javascriptを使って画像のランダム表示とロールオーバーをセットで行いたいのですが上手くいきません… javascript超初心者です…。画像をランダムに表示し、さらにそのランダムに表示された画像をそれぞれ違った画像にロールオーバーさせたいのですが上手くいきません。一応以下のように書いて試しているのですが、ランダム表示はするのですが、ロールオーバーはエラーがでてしまい画像が切り替わりません。どのようにすれば上手く出来るか、知恵を貸してください。宜しくお願いします。 <html> <body> <SCRIPT language="JavaScript">  </SCRIPT> </body> </html> 補足 ●ランダム用の画像が1～5まで、ロールオーバー用の画像がa～eまであるとして、ランダム表示によって1が表示されたらロールオーバーで表示される画像はaのみ、マウスアウトしたら１に戻る、というようにしたいです。同じように2-b,3-c…というように対応させたいです。 ●ページ読み込み時のみランダム用画像をランダム表示させ、後は上記のような流れにしたいです。長くなりましたが、どなたか回答お願いいたします。
- 締切済み
- JavaScript
スワップイメージとロールオーバーの組み合わせで…
上の画像をクリックした時に下の画像が切り替わるページを作ったのですが、上の画像をmouseoverで切り替えるのではなく、マウスを動かしてもクリックしたら下の画像と連動して上の画像も切り替えることってできますか？？ javascriptは初心者で、まったくわからずです(>-<) <SCRIPT LANGUAGE="JavaScript"> function doPic(imgName) { stepOn = ("" + imgName); document.step.src = stepOn; } </script> （中略） <a href="javascript:doPic('step1.gif');"><img src="img1.gif" name="img" border="0" onmouseover='this.src="r_img1.gif"' onmouseout='this.src="img1.gif"'></a> <a href="javascript:doPic('step2.gif');"><img src="img2.gif" name="img" border="0" onmouseover='this.src="r_img2.gif"' onmouseout='this.src="img2.gif"' ></a><br> <img name="step" src="step1.gif"> ↑こんな感じで作っております<(_ _)>
- ベストアンサー
- JavaScript
ロールオーバーを立てに並べると隙間があいてします
ホームページのロールオーバーイメージを立てに並べたところ　どうしてもIEでロゴとロゴの間に隙間が開いてしまいます。これを詰める方法はないでしょうか？ファイヤーフォックスだと問題なく表示されます。プログラムは以下のとおりです。 <a href="#" onMouseOver="document.mn0.src='navi_hove9.jpg'"onMouseOut="document.mn0.src='navi8.jpg'"><img src="navi7.jpg" name="mn0" width="203" height="48" border="0" /></a> <a href="#" onMouseOver="document.mn1.src='navi6'"onMouseOut="document.mn1.src='navi/nav4.jpg'"><img　src="navi5.jpg"name="mn1"width="203" height="48"border="0" /></a> <a href="#"onMouseOver="document.mn2.src='navi3'" onMouseOut="document.mn2.src='navi2.jpg'"> <img src="navi1" name="mn2" width="203" height="48" border="0" /> </a> よろしくお願いします。
- ベストアンサー
- JavaScript
cssヘッダー画像の下に配置したい画像が重なります
css勉強し始めた初心者なので、説明やソースなどめちゃくちゃだと思いますが、教えてください。固定ヘッダー（常に画面の上にヘッダーがあるように）を作成し、その下に画像を配置したのですが、ヘッダーの下にその画像が入り込んでしまいました。ヘッダーの下に重ならず配置するにはどうすればよいでしょうか？よろしく御願いいたします。 body内に <div id="header"> <h1><a href="/" title="website"></a></h1> <img src="img/b01.gif" width="108" height="68" border="0" onmouseover="this.src='../ao/img/b01-.gif" onmouseout="this.src='../ao/img/b01.gif"> <img src="img/b02.gif" width="88" height="68" border="0" onmouseover="this.src='../ao/img/b02-.gif'" onmouseout="this.src='../ao/img/b02.gif'"> <img src="img/b03.gif" width="59" height="61" border="0" onmouseover="this.src='../ao/img/b03-.gif'" onmouseout="this.src='../ao/img/b03.gif'"> <img src="img/b04.gif" width="50" height="68" border="0" onmouseover="this.src='../ao/img/b04-.gif'" onmouseout="this.src='../ao/img/b04.gif'"> <img src="img/b05.gif" width="39" height="68" border="0" onmouseover="this.src='../ao/img/b05-.gif'" onmouseout="this.src='../ao/img/b05.gif'"> <img src="img/b06.gif" width="80" height="68" border="0" onmouseover="this.src='../ao/img/b06-.gif'" onmouseout="this.src='../ao/img/b06.gif'"> <img src="img/b07.gif" width="51" height="68" border="0" onmouseover="this.src='../ao/img/b07-.gif'" onmouseout="this.src='../ao/img/b07.gif'"> <img src="img/b08.gif" width="47" height="68" border="0" onmouseover="this.src='../ao/img/b08-.gif'" onmouseout="this.src='../ao/img/b08.gif'"> <img src="img/b09.gif" width="54" height="68" border="0" onmouseover="this.src='../ao/img/b09-.gif'" onmouseout="this.src='../ao/img/b09.gif'"> <img src="img/b10.gif" width="125" height="68" border="0" onmouseover="this.src='../ao/img/b10-.gif'" onmouseout="this.src='../ao/img/b10.gif'"> </div> <h2><img src="img/panichi.gif" alt="TOP" width="700" height="450" class="centering" /></h2>
- ベストアンサー
- HTML
1つの画像オンマウスで3つの画像を切り替えたい！
現在、下記のような感じで一つの画像オンマウスでその画像を含む3つの画像が切り替わるようにしています。 ---------------------------------- <a href="#" onMouseOver="11111.src='a.gif';22222.src='b.gif';33333.src='c.gif'" onMouseOut="11111.src='a_01.gif';22222.src='b_01.gif';33333.src='c_03.gif'"><img src="aaaaaa.gif" alt="" width="94" height="32" border="0" name="11111" /></a> <img src="b_01.gif" alt="" width="572" height="50" name="22222" /> <img src="c_01.gif" alt="" width="96" height="32" border="0" name="33333" /> ---------------------------------- IE6だと、きちんと表示されるのですが、 Firefoxだと表示がおかしくなります。改善方法はありませんでしょうか？助けてください！
- ベストアンサー
- JavaScript
画像　表示について質問です。
画像　表示について質問です。 <?php echo '<a href="A.php"><img src="img/advance.gif" wwidth="80" height="80" style="border-style:none;" onmouseover="this.src="img/returen2.gif";" onmouseout="this.src="img/returen.gif";" /></a>'; ?> と考えたのですが、画像は表示されるもののONマウスの時に画像が変化しません。どうしてなのでしょうか。
- ベストアンサー
- PHP
画像を変えるスクリプト
<HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY> <CENTER> <A href="#" onMouseOver="changeImage(0,2)" onMouseOut="changeImage(0,1)"><IMG src="img1.gif" border=0></A><BR> <BR> <A href="#" onMouseOver="changeImage(1,4)" onMouseOut="changeImage(1,3)"><IMG src="img3.gif" border=0></A> </CENTER> </BODY> </HTML> マウスオーバーしたら画像が変わるスクリプトです。質問ですがこのスクリプトでどうしてオブジェクトを作っているのでしょうか？普通にsrcプロパティを変更するだけではだめなのでしょうか？例えばdocument.images[i].src="img"＋j＋".gif"のようにしてiとjを変えるような感じです。
- ベストアンサー
- JavaScript
onmouseoverとoutで画像を切り替えられた・・・けど、何だろう青い枠線；
お世話になります。ビルダー１１で作成中です。 onmouseover時とonmouseout時に画像を入れ替える処理を入れました。参考サイトさんを利用して、以下のようなソースです。 <img src="画像.jpg" alt="がぞう" onmouseover="this .src=画像２.jpg';" onmouseout="this .src='画像.jpg';"> でも、上記ソースだと、プレビュー画面で画像の回りに青い枠線が常時表示されるようになってしまいました（！）ビルダー内蔵のJavaScriptで_HpbImgSwap関数があって、それを利用していたときはそんなことにはならなかったのですが・・・。ちなみに、「じゃあ、そっち使えばいいじゃん」とおっしゃる意見も出ると思うのですが、そちらを利用すると、なんかONMOUSEのときに、画像が凹む？のです。それはちょっと都合が悪い、ということで、上記ソースでできるならば、と思いました。青い枠線を非表示にするには、どうしたらよいでしょうか？ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ よろしくご教示ください。<(_ _)>
- ベストアンサー
- HTML