過去ログで似たようなのがあったのですが、
全然わからなかったので、質問しました。
文字オンマウスで、画像を別の場所に表示したいのですが・・
(java~を使わなくてもよいやり方が知りたいです。
java~は使ったことがない初心者ですので。)
ちなみに、画像オンマウスで文字を別の場所に表示するのは、
↓このやり方(html)でできたんですが・・・
<span ID="msg">ここに表示される</span>
<a href="ページURL"onMouseOver="msg.innerHTML='表示される文字'"onMouseOut="msg.innerHTML=''"><img src="画像URL" border="0"></a>
No.1ベストアンサー
- 回答日時:
<!-- ↓ここに表示される -->
<img src="もとの画像URL" border="0" ID="msg2">
<!-- ↑ここに表示される -->
<a href="ページURL" onMouseOver="msg2.src='表示したい画像URL'" onMouseOut="msg2.src='もとの画像URL'">
<img src="画像URL" border="0">
</a>
こんな感じで。
No.2
- 回答日時:
java~ は JavaScript の事と読ませて頂き・・・。
あの~、onMouseOver での記述も JavaScript なのですがぁ~
(さらに難しい事を言えば、いろいろな Script がありますが、今のこの場ではとりあえず・・・)
基本的な考え方は、無から有は無理なのでは? という事で、表示させたい場所になんらかの仕込がないと。
つまり表示させるのでなく書き換えると。
で、望む場所に<img src="" id="testid">として、
onMouseOver="test.id.src=見せたい画像URL
で出来るのでは?
で、いえ文字列を画像にしたいと思われるのでしたら、
機能上無理ではないかと・・・。
とはいえ、見た目をそうする事は可能です。
文字列の近くの処に画像要素を見えない状態で仕込んでおき、画像要素を見える様にした時に文字列を見えなくする・・・。
より手間は掛かります。
(JavaScript と CSS を組み合わせて処理すれば、より明確・・・。)
尚、innerHTML って対応していないブラウザもありますので。また、innerHTML でタグを記述すればそれが書かれるという方法もあるらしいですけれど、検証した(見た)事がないのであくまで参考情報として。
on mouseoverというのはjavascriptだったのですか。
すみません、何も判らない初心者でして。。
でも、no1で回答して下さった方のやり方でできました。
いろいろとありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlで画像上にボタンを配...
-
リンク先ページのサムネイルを...
-
クリッカブルMAP領域が分かる様...
-
オンマウスで画像を別の場所に...
-
元々あるファビコンが消えない
-
HTMLでデスクトップの画像がでない
-
alt属性を付けるとは?
-
スライドショーの上にロゴマー...
-
プラウザ上で背景・画像・写真...
-
<hr>の縦バージョンはありますか?
-
ゆっくりムービーメーカー4で、...
-
gimpで文字の細工をしたい
-
画像データを実際に画面で表示...
-
pictbearで消しゴムを使って透...
-
PDFの保存ボタンが表示されません
-
ロゴマークだけを抜き取って貼...
-
WORD 2010 透かし画像の濃さの調整
-
pdfは透過したものですか?
-
CMYK の TIFF 形式で背景を透過...
-
透過gif画像の上に文章を重ねる...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
pngやjsの後ろの英数字の意味は...
-
スライドショーの上にロゴマー...
-
バナーの貼り方とバナーにリン...
-
背景が透明なリンクボタンで、...
-
HTMLにQRコードを挿入する方法
-
タイトルバーに画像を入れるHTM...
-
form以外でのpostってできますか?
-
HTMLでデスクトップの画像がでない
-
CSSなどでHTML全体の表示を拡大...
-
画像クリックでクリップボード...
-
すいません HTMLです この画像...
-
拡張子無しで画像を表示したいです
-
期間ごとに画像表示を切り替え...
-
クリックしても、リンクに飛ば...
-
特定の画像ファイルでレイアウ...
-
カウンターのHTMLソースを教え...
-
バナーのURLについて
-
クリッカブルMAP領域が分かる様...
おすすめ情報