解決済

ブログの写真を文章中の言葉にリンクさせて載せたい

ブログに写真を載せる際、本文と同時に写真が表示されるのではなく、本文中に写真のタイトルをのせ、タイトルに写真がリンクした状態で表示させたいのです。(タイトルをクリックしないと写真が見えないようにしたい)
ライブドアブログではこのような表示のさせ方できるのでしょうか?方法を教えてください!!

2006-09-01 14:50の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(2)

1.

2006-09-01 14:54:11ベスト
livedoorブログの場合で説明します.

まず画像を通常通りアップロードしてください.
アップロードではサムネイルのチェックは外して下さい.

その画像で新規投稿すると本文入力欄には次のようにタグが反映されます.
細かい部分は多少違うかもしれません.
記事の編集でWYSIWYGエディタをお使いの場合は本文入力欄下にあるHTMLタグ表示にチェックを入れるとタグが表示されます.
<img src="http://~(画像のURL)" align="left">
このタグから
"http://~(画像のURL)"
の部分だけを抜き出して
<a href="http://~(画像のURL)">画像へリンクさせたい文章の</a>
とすることで実現可能です.

実際に文章の一部をリンクするのでしたら具体的にはこんなタグになります.
こんにちは<a href="http://~(画像のURL)">この画像</a>をみてください.
これで"この画像"をクリックすると画像が表示されます.

早速やってみたところ、解決しました!
丁寧に回答してくださり本当に助かりました。ありがとうございました。

2.

2006-09-01 14:55:58
本文中に文字列だけということなので、

<a href="画像の保存場所" target="_blank">タイトル文字列</a>

とすればリンクをクリックしたときに初めて写真が別ウィンドウで表示されます。

もし、別ウィンドウで表示させる必要がない場合はtarget="_blank"を消してください。
Ads By Google

コメント(2)

#1.  ray
2006-09-01 16:23:35

うまくできたようでよかったですね.

>>2 foissotte さんの書かれている別ウィンドウで開く方法の回答も参考にされてください.

#2.  はるこ
2006-09-01 16:27:10

>>2
foissotteさん
ありがとうございます。解決しました。
別ウィンドウで表示させる事もできるとは・・
いろいろやり方があるんですね!!
初心者なので本当に勉強になります。

トラックバック

トラックバックURL: