注目タグ

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& 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スタッフ

コメント一覧 2件中、1~2件表示

  • 旧フォーラムの記事です
    うお 2005-07-08 11:39:35
    件名 :ファイルアップロード機能強化

    2005/07 にファイルアップロードのサムネイルが強化されました。
    オリジナル画像の「記事を書く(サムネイルあり)」をクリックすると、サムネイル画像を使ったソースが挿入されます。「サム ネイルなし」をクリックすると、サムネイル画像を使わないソースが挿入されます。

    2005年07月08日 11:39 by FC2スタッフ

  • 旧フォーラムの記事です
    Anonymous 2005-05-02 00:56:57
    件名 :

    今はタグの編集なしで、サムネイル→元画像のリンクが張れるようです
    xxx.jpg(元の画像)で記事を作った場合

    2005年05月02日 00:56 by FC2スタッフ