FC2ブログ

FAQ・よくある質問

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

旧フォーラムの記事です 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" target="_blank">
<img src="http://blog*.fc2.com/*/***/file/xxxs.jpg" 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"などを追記(テンプレートの種類によります)。

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

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

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧

このコミュニティにご参加頂くと、コメントの書き込みができます

2件中、1~2件表示