ブログ

画像クリックで大きく表示させたいんですが？

旧フォーラムの記事です　http://blog.fc2.com/forum/viewtopic.php?f=6& t=115
月　2005-04-03 23:32:55
件名　：画像クリックで大きく表示させたいんですが？

[サムネイルを作成する]にチェックを入れて画像をアップロードすると、例えば

xxx.jpg（元の画像）と xxxs.jpg（縮小画像）の2種類の画像が登録されます。
ファイル名に「s」がついた小さい画像がサムネイルです。クリックで現物を確認できます。

ブログ文面に小さい画像を貼りたい場合は、
サムネイル側のリンク[このファイルで投稿する]をクリックします(※)。

すると、下記のような文字列がエントリー画面に貼り付けられます。（便宜上改行を入れてます）
<a href="http://blog*.fc2.com/*/***/file/xxxs.jpg& quot; target="_blank">
<img src="http://blog*.fc2.com/*/***/file/xxxs.jpg& quot; alt="xxxs.jpg" border="0">
</a><br clear="all">

<a href=…>は、画像クリック時に表示されるリンク先の画像ファイルを、
<img src=…>は、ブログの記事に表示する画像ファイルを、それぞれ参照するタグです。

しかし、上記文字列はその両方でサムネイル(xxxs.jpg)を参照しており、
そのままでは「クリックしても画像が大きくならない」ので、
（大きな）元の画像を開くためには、リンク先のタグ
<a href="…xxxs.jpg">から「s 」を削除します。

※元の画像で[このファイルで投稿する]をクリックして、生成される文字列の<img src=…>のファイル 名に「s」を追加しても、結果は上記と同じです。

alt="文字列"の文字列は、画像の説明文などに書き換えて構いません。削除してもOK。
<br clear="all">は、強制改行のタグです。画像の横に文章を書く場合は削除 。さらに文章の回り込みをする場合は、<img>タグ内にalign="left"などを追記 （テンプレートの種類によります）。

＃この仕様はブログ初心者に優しくないです。タグの編集なしで、サムネイル→元画像のリンクが張れればいいんですけどね。

2005年04月03日 23:32  by FC2スタッフ