- ベストアンサー
テキストリンクにマウスが重なると画像が出るように・・・
テキストリンクにマウスが重なるとそのすぐ横くらいにalt属性の内容がが表示されるような感覚で画像をプレビューできるようにしたいのですがどなたかご教授願えませんでしょうか?お願いします。
- mokiti25
- お礼率52% (12/23)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 こちらのサイトが参考になると思います。 リンクボタン3のようなことですよね? 頑張って下さい。
関連するQ&A
- 画像のランダム表示とリンク、alt属性について
はじめまして。 検索かけてみましたが、自分の納得が得られる回答が無かったため、質問させていただきました。 ページを更新するごとに画像とテキスト(その画像の作成者などを書きたい)をランダムで表示させ、なおかつ他へリンクし、画像にはALT属性、テキストにはTITLE属性を付けられるJavaScript、もしくは、CGIを探しています。 可能であれば、画像とテキストを別々の場所へリンクしたいと思います。 このようなJavaScript、またはCGIを知っている方、ご教授お願いします。
- ベストアンサー
- JavaScript
- 画像のテキストにリンクを埋め込む?
よく、サーチエンジン対策などで画像にキーワードなどを埋め込むという手法があるようなのです。隠しページへのリンクを同様の手法で埋め込みたいと思っています。よく、アイコンに画像を持っていくとテキストが表示されるのですが、その部分にリンクさせるという話を依然聴いたことがあるのですが、具体的な方法がわかりません。参考ページでも構いませんので、ご存知の方がいらっしゃいましたらお願いいたします。alt="ああああ altタグ部分にリンクを張るということの推測はついているのですが・・・具体的なソースがあれば一番なのですが・・・。
- 締切済み
- その他(プログラミング・開発)
- リンクする画像とテキストをくっつけるには?
ブログでHTMLタグを使いたいのですがまだよく分かりません。 テキストをクリックしたらリンクするためのHTMLタグは次の通りですよね。 <a href="リンク先URL">表示するテキスト</a> 画像(写真)をクリックしたらリンクするためのHTMLタグは次のようになりますよね。 <A Href="リンク先URL"><img src="画像のアドレス"><A> 私は現在、テキストと画像の両方を同じサイトにリンクさせるのに、上の二つのタグを使っているのですが、本文に表示されると二つが離れてしまいます。よく、画像とテキストが一体化しているのを見るのですが、そうするにはどうしたらいいのでしょうか?ご教授願えませんか?
- ベストアンサー
- ブログ
- あるテキストリンクにマウスオーバーしてる時に画像が
あるテキストリンクにマウスオーバー(マウスのカーソルが乗ってる状態)している時に となりにある画像が替わるように(ロールオーバー時みたいに)したいのですが、可能でしょうか? 画像対画像だったらできるのですが、 テキストリンクでも可能なのでしょうか? こちらの環境は Dream weaver CS5 を使用しております。 宜しくお願い致します。
- ベストアンサー
- HTML
- リンク画像をホバーアニメーションで暗くする方法
html、css、js等でリンクの設定された画像を、マウスオーバーでゆっくりと暗くなりテキストが表示される方法はありませんでしょうか。 ・マウスオーバーでゆっくり画像が暗くなり、テキストが表示される ・画像を押すとリンク先へ移動する ・マウスを画像から離すと元に戻る もし上記のものが難しければ、ゆっくりと別の画像に入れ替わる方法はありませんでしょうか。 どなたかご教授お願い致します。
- ベストアンサー
- HTML
- ビルダーでプレビューすると、リンク画像が表示されない。
ホームページビルダーV9で、ホームページを作成していますが、 わからないことが出てきました。 (ホームページの作成は初心者です。) ページ内に、画像でリンクしている部分があります。 mouseoverを使用して、マウスを画像に合わせたときに画像が薄くなるようにしています。 そこで問題が生じているのですが、ビルダーのプレビュー画面で、 リンク画像の上にマウスを合わせると、 画像が×とaltの文章のみの表示に切り替わってしまいます。 マウスを合わせる前は、ちゃんと画像は表示されています。 最初は、mouseover時の画像を同じフォルダに入れていなかったので、 それが問題かと思い、同じフォルダに移動させました。 でも、まだ×に切り替わってしまいます。 なぜなんでしょうか・・・ 会社のHPなので、プレビューが変な状態のままでは、 アップして上手く表示されるかどうかの実験もできません。 ご存知の方、教えてください。
- ベストアンサー
- ホームページ作成ソフト
- 画像リンクをマウスオーバーで透過画像を重ねる方法
複数の画像リンクをマウスオーバー時に決まった画像を重ねて表示させたいのですが分かりません。 ご教授頂けないでしょうか。 画像リンクの上にマウスが乗った時に虫眼鏡や再生ボタンが表示される みたいな事がしたいのです。 自分なりに調べた結果画像を上に重ねるところまでは分かったのですが、重なった時点で画像リンクが無効になってしまいます。 方法としては <p class="figure" id="jpg01"> <a href="リンク先" target="_blank"><img src="画像" width="300" height="150" alt=""></a> </p> p.figure{position:relative;} p.figure:after{position:absolute;bottom:0;left:0;} p#jpg01:hover:after{content:url(重ねる画像.png);} としているのですがリンク先に飛ぶことができません。 <a href="リンク先" target="_blank"><p class="figure" id="jpg01"> <img src="画像" width="300" height="150" alt=""> </p></a> とすれば上手くいったのですが不格好な気がします。 ちなみに画像リンクに使いたい画像もそれに重ねたい画像も同じサイズです。 どうかよろしくお願いします。
- 締切済み
- HTML
- CSS マウスオーバーでテキストの上に画像を表示させるには?
CSS で hover を使い、マウスオーバーするとリンクのテキストの上に画像を持ってくる(テキストが見えない状態にする)方法というのはありますか? background-image を使うとテキストが見えてしまいます・・ マウスオーバーで 画像1→画像2 と表示させる方法はこちらの他の回答で見つけたのですが、テキスト→画像 と表示させる方法は見つかりませんでした。 よろしくお願いいたします。
- ベストアンサー
- HTML
- テキストにalt属性を持たせるには。
画像にalt属性を持たせるには<img src="画像のパス" alt="コメント">でいいと思うのですが、テキストにリンクを設定した状態でそこにalt属性を持たせるということは可能でしょうか? もし可能なら どの部分にそのタグを挿入したらいいのでしょうか? <FONT size="-1"><A href="リンク先" target="_blank">1</A> (『1』という文字列にリンクを設定した場合。) 初心者の質問のためわかりにくい表現がございましたらすみません。 よろしくおねがいします。
- ベストアンサー
- ホームページ作成ソフト