- ベストアンサー
自分のサイトにある画像にリンクするのって・・・
自分のサイトにある画像に<a href="1.jpg">画像</a>のようにリンクするのって、直リンクにあたりますか？
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
関連するQ&A
- リンクで画像を置き換えたい
初心者ですが、よろしくお願いします。 たとえば 001.jpg 002.jpg 003.jpg という３つの画像ファイルがある場合に、 ---------------------------------- <html> <body> ～省略～ <a href = "#" onclick = "change_img(1)">画像1</a> <a href = "#" onclick = "change_img(2)">画像2</a> <a href = "#" onclick = "change_img(3)">画像3</a> <img src = "XXX.JPG> </body> </html> ---------------------------------- のような感じで画像１，２，３のリンクをクリックすることで、 ページ切り替えるのではなく、 XXX.JPGの部分のみ切り替えるscriptを考えているのですが、 ご教授願いないでしょうか？ 要望としては、切替候補の複数の画像は ページをロードしたときに最初に全て読み込んでおいて、 リンククリック時の画像の切替をスピーディにしたいと考えています。 サンプルの上記例にそくしたサンプルのコードなどを 回答いただけると助かります。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- リンクした画像の大きさをしていするには？
たとえば、 <a href="a.jpg" target="_blank"><img src="00.gif"> だとして、00.gifからa.jpgにリンクするのですが、 画像が小さいのに、大きな画面の中にその画像が はじっこに出てしまいます。 画像がぴったしになるように大きさを 指定するにはどうしたらいいのですか?
- ベストアンサー
- その他（インターネット・Webサービス）
- JavaScriptでリンクを設定したい
JavaScript超初心者です。 サイトで画像やテキストリンクが1ページにとても多く、 リンクアドレスも同一のものが数か所あります。 JavaScriptでリンクを設定すれば、リンクだらけにならないと聞いたので 使ってみようと思ったのですが、上手くいきません。 http://www.openspc2.org/reibun/javascript/link/020/ こちらのサイトを参考にやってみたのですが、 テキストリンク1カ所はできました。 でも、画像リンクはnullと表示されて画像も表示されなくなり、 2個目のテキストリンクはリンクになりません。 <a href="./aaa.html"><img src="./img/aaa.jpg" /></a> <a href="./aaa.html">あああ</a> <a href="./bbb.html"><img src="./img/bbb.jpg" /></a> <a href="./bbb.html">いいい</a> <a href="./aaa.html"><img src="./img/ccc.jpg" /></a> <a href="./aaa.html">ううう</a> このように表示されているリンクを JavaScriptでリンクを設定するにはどうしたらよいでしょうか？ よろしくお願いします！
- 締切済み
- ブログ
- 画像にリンクを張ったら、レイアウトが崩れました。
ホームページを制作しているのですが、リストにして並べた画像にリンクを張ったら、レイアウトが崩れてしまいました。 まず、リンクを張らずにやってみました。 HTML部分 <ul id="main_center"> <li id="1"><img src="http://***.jpg" /></li> <li id="2"><img src="http://***.jpg" /></li> <li id="3"><img src="http://***.jpg" /></li> </ul> CSS部分 #main_center #1,#2,#3 { display: block; width: 220px; height: 20px; list-style-type: none; margin-bottom: 10px; } タグは以上の通りでやったところ、問題なく画像が綺麗に並んだのですが、 <ul id="main_center"> <li id="1"><a href="http://***/"><img src="http://***.jpg" /></a></li> <li id="2"><a href="http://***/"><img src="http://***.jpg" /></a></li> <li id="3"><a href="http://***/"><img src="http://***.jpg" /></a></li> </ul> といった感じで、画像にリンクさせたところ上下に余分なスペースが出来てしまいました。 リンクを張っただけで、レイアウトが崩れてしまうということはあるのでしょうか。 または、なにかタグが間違っているのでしょうか。 どなたかアドバイスをお願いいたします。
- ベストアンサー
- HTML
- 画像にリンクをつけたのですが線を消したい
たとえば、犬の画像が500×500pxであったとします。 <a href=犬の画像.jpg><img src=犬の画像.jpg width=100 height=100></a> こんなタグを書いたとします。 （実際には日本語使えませんが、わかりやすいように） これは要するに、100×100に縮小されている犬の画像をクリックすると500×500の画像へリンクするわけですが。 これを書くと、犬の画像のまわりに青色の線（クリックした場合は紫色の線）がついてしまうんです。 文字へのリンクでいうところのアンダーラインみたいなものです。 これを消したいのですがどうすればいいでしょうか？ どうぞアドバイスよろしくお願い致します。
- ベストアンサー
- HTML
- 画像にリンクを貼るにはどうしたら？
フォレストでサイト制作をしている途中なのですが、画像にリンクを貼る方法がわからなくて困っています。 調べてみて、 <a href="移動したい場所のURL"><img src="画像のURL"></a> というタグを使うことはわかったのですが、これをどこに貼ればいいのかわかりません。 どなたか解る方教えて頂けますか？ よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- 画像をクリックしたらちがうサイトに・・・
画像をクリックしたらちがうサイトに・・・ <a href="リンク先アドレス"><img src="表示する画像" alt="代替テキスト"></a> でリンク先アドレスを変えたいのですが・・・ あまりに記事の量が多く１個１個変えるのはとても時間がかかってしまいます。 ちなみにリンク先アドレスはすべて同じにするつもりです。 これをテンプレートのカスタムとかでどうにかまとめて設定できませんか？ ちなみにfc2ブログです。 .jpgをクリックしたらどっかにサイトに・・・・ みたいな設定はどうやってやればいいのでしょうか、それともできないのでしょうか。 どうかわかる方がいらっしゃったらおねがいします。
- 締切済み
- ブログ
- 画像リンクをマウスオーバーで透過画像を重ねる方法
複数の画像リンクをマウスオーバー時に決まった画像を重ねて表示させたいのですが分かりません。 ご教授頂けないでしょうか。 画像リンクの上にマウスが乗った時に虫眼鏡や再生ボタンが表示される みたいな事がしたいのです。 自分なりに調べた結果画像を上に重ねるところまでは分かったのですが、重なった時点で画像リンクが無効になってしまいます。 方法としては <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
- 直リンクとは。
具体的にどういうことなのでしょう。 例えば＜Ａ ＨＲＥＦ＝"私のサイトのアドレス"＞ で、 同ページでページが開くことを直リンクと言うと思うのですが。 逆に＜Ａ ＨＲＥＦ＝"私のサイトのアドレス"ＴＡＲＧＥＴ＝"＿Ｂｌａｎｋ"＞という タグで別ページで開くのがいいと思うのですが。 先日相互リンクしてくれたサイトから私のサイトへ行くと、 別ページは開かず同ページで開いていました。 これは直リンではないのでしょうか？ 相手先にそのことを申し出ますと、私のサイトに行く前にそのサイト内のリンク集のページでいったん別ページが開いているんです。 パソコン上ではその相手先のサイトのページが２枚開いていることになります。ややこしいですが、すいません。 で、ここからさらに私のサイトへのリンクに、"ＴＡＲＧＥＴ＝"＿Ｂｌａｎｋ"をつけるとパソコン上に３枚のページが開くことになるというのです。 それ自体はわかるのですが、何より気になるのはこれは直リンクではないのかということです。 直リンクでさえなければ何も問題ないと思っているので、 でもこれが直リンクか判断できないので、困っています。 御存知の方教えて下さい。よろしくお願いします。
- ベストアンサー
- HTML
- 画像の直リンクについて
よくバナーの直リンク禁止とwebサイトに書いてありますが 画像の直リンクとはどのようなものなのでしょうか。 ＵＲＬの直リンクなら分かりますが。 それほど困ってはいないのでまったりと待っています。
- ベストアンサー
- その他（インターネット・Webサービス）
お礼
わかりやすいご回答ありがとうございます。 よくわかりました。