旧フォーラムの記事です 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"などを追記(テンプレートの種類によります)。
#この仕様はブログ初心者に優しくないです。タグの編集なしで、サムネイル→元画像のリンクが張れればいいんですけどね。
このコミュニティにご参加頂くと、コメントの書き込みができます
2件中、1~2件表示
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー
うお 2005-07-08 11:39:35
件名 :ファイルアップロード機能強化
2005/07 にファイルアップロードのサムネイルが強化されました。
オリジナル画像の「記事を書く(サムネイルあり)」をクリックすると、サムネイル画像を使ったソースが挿入されます。「サムネイルなし」をクリックすると、サムネイル画像を使わないソースが挿入されます。