livedoor ナレッジ

文章をクリックして写真を表示するには？

文章をクリックして、リンクのように
別ウィンドウで写真を表示させたいと考えています。
文章中に写真を貼るのではなく…
そういうことは可能でしょうか。

たとえば「私は花が好き」で花の部分をクリックすると花の写真が出るようにする、という形です。

それらしきQ&Aを探しても、
リンクの貼り方や複数枚写真のアップの仕方の回答ばかりのようで、見つけられず…過去に回答あったらすみません、宜しくお願いします。

基本は、

<a href="画像のURL" target="_blank">文章</a>

です。

HTMLを直接入れることができる場合は、この形式で書けばできます。

画像のURLだけで、画像を表示するようになります。ページを作る必要はありません。
（ページを作らないので、ウィンドウの大きさや画像の位置などは調節できません。ページ形式にするにはlivedoor Blogの無料版では、JavaScriptを使う必要があるでしょう。）

クサリのアイコンの付いたLINKボタンを使うは場合次のようにします。
記事を書いてから、リンクを付けたい文章をドラッグして選択します。
LINKボタンをクリックします。
「リンクの設定」のウィンドウが開きます。
「リンク先URL」に画像のURLを入れます。
（WYSIWYGエディタの場合は、「リンクするテキスト」を入れることもできます。）
「リンクの表示形式」で「別ウィンドウ」を選択します。
「リンクの作成」をクリックすれば、リンクがつきます。


アップロードしてから、記事に投稿せずにURLの求める方法は、次の記事をご参考に。
livedoor Blogで、（画像）ファイルをアップロードして、記事の中以外で使うために
http://blog.livedoor.jp/horsefly/archives/50513073...

記事の中に、複数の画像ファイルとのリンクを付ける場合は、URLをメモ帳などにコピペして行けば、記事を書くのが楽です。

記事に画像を投稿してURLを求めることもできます。
ブログに画像ファイルを「ファイルのアップロード」を使ってアップロードしておいて、［IMG］ボタンで、記事の中に画像を投稿します。

WYSIWYGエディタをお使いなら、下の「HTMLを確認」にチェックを入れて、HTMLソースを表示させて下さい。

<a href="http://image.blog.livedoor.jp/livedoorID/imgs/～.jpg" target="_blank"><img src="http://image.blog.livedoor.jp/livedoorID/imgs/～-s.jpg" alt="～" class="pict" align="left" border="0" height="120" hspace="5" width="160"></a> 

最初の

<a href="http://image.blog.livedoor.jp/livedoorID/imgs/～.jpg" target="_blank">

の中の「<a href="」の後から「" target="_blank">」の前までの

http://image.blog.livedoor.jp/livedoorID/imgs/～.jpg

までが、画像のURLです。

　できます。こんな感じに、

<A Href="画像のアドレス" Target="_blank">ここに文章</A>

と書けば別窓でリンクを開くことが可能です。これは普通のＨＴＭＬタグなので、

ttp://heo.jp/tag/

↑などでいろいろ見てみるといいでしょう。