文章をクリックして写真を表示するには?
文章をクリックして、リンクのように別ウィンドウで写真を表示させたいと考えています。
文章中に写真を貼るのではなく…
そういうことは可能でしょうか。
たとえば「私は花が好き」で花の部分をクリックすると花の写真が出るようにする、という形です。
それらしきQ&Aを探しても、
リンクの貼り方や複数枚写真のアップの仕方の回答ばかりのようで、見つけられず…過去に回答あったらすみません、宜しくお願いします。
回答(2)
2.

<a href="画像のURL" target="_blank">文章</a>です。
HTMLを直接入れることができる場合は、この形式で書けばできます。
画像のURLだけで、画像を表示するようになります。ページを作る必要はありません。
(ページを作らないので、ウィンドウの大きさや画像の位置などは調節できません。ページ形式にするにはlivedoor Blogの無料版では、JavaScriptを使う必要があるでしょう。)
クサリのアイコンの付いたLINKボタンを使うは場合次のようにします。
記事を書いてから、リンクを付けたい文章をドラッグして選択します。
LINKボタンをクリックします。
「リンクの設定」のウィンドウが開きます。
「リンク先URL」に画像のURLを入れます。
(WYSIWYGエディタの場合は、「リンクするテキスト」を入れることもできます。)
「リンクの表示形式」で「別ウィンドウ」を選択します。
「リンクの作成」をクリックすれば、リンクがつきます。
アップロードしてから、記事に投稿せずにURLの求める方法は、次の記事をご参考に。
livedoor Blogで、(画像)ファイルをアップロードして、記事の中以外で使うために
記事の中に、複数の画像ファイルとのリンクを付ける場合は、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です。
細かく説明していただきありがとうございます。
リンクボタンを使う方法が簡単でわかりやすかったです。
ファイルをアップロードして、
そこのURLをプロパティからコピーして
リンクさせる形をとりました。
いろいろな方法ありがとうございました。
1.

<A Href="画像のアドレス" Target="_blank">ここに文章</A>
と書けば別窓でリンクを開くことが可能です。これは普通のHTMLタグなので、
ttp://heo.jp/tag/
↑などでいろいろ見てみるといいでしょう。
ありがとうございます、
ちょっと私には難しかったです
コメント(6)
回答ありがとうございます。
画像のアドレスはどうやって作成すればよいのでしょうか。
リンクのように表示したいのですが、
リンク先があるわけではないのです。
画像を一旦フツーに投稿してブログ上で表示させてその画像を右クリックして【プロパティ】を見れば画像のアドレスがわかります。
>>#2
表示させてプロパティを見た後、記事を削除すると画像も消えるのでしょうか、やってみてはいないのですが…
ブログ上は「下書き」にしておけばよさそうですね…、いろいろ試してみます、ありがとうございます。
>>#3
記事を削除しても画像は消えません。
画像のアドレスの取得は【ファイルのアップロード】へ行き、アップ済みのファイル名を右クリックして「リンクのアドレスをコピー」を選べばより簡単にできます。
>>4
あれ…
今、【ファイルのアップロード】で
ファイル名を右クリックしてみたのですが
「リンクのアドレスをコピー」は出てきませんでした。
houseflyさんへのお返事の形でできたので
問題はないのですが、
万年床生活者さんの方法でできるとラクなのになぁ




