記事にはサムネイル(縮小)表示しておき、クリックすると大きな画像を開く、という方法です。
↑クリックすると大きな画像が開きます
1. 「画像の管理」で、元の画像(大きいサイズのまま)をアップロードする。
2. 「記事の投稿」で「画像アップロード」から表示したい画像のサムネイルをクリックする。
3. すると、記事の本文に、
<img src="/?image=ZZZ" width="
XXX" height="
YYY" alt="name" class="pict" />
と表示されます。ここで、
ZZZ:ブログ内の画像ID(アップロードした順に自動的に割当て)
XXX:アップロードした画像の寸法(幅)
YYY:アップロードした画像の寸法(高さ)
です。これを 、
<a href="/?image=ZZZ" target=_blank>
<img src="/?image=ZZZ" width="
xxx" height="
yyy" alt="name" class="pict" />
</a>
と変更すればOKです。
xxx:サムネイル画像の寸法(幅)
yyy:サムネイル画像の寸法(高さ)
なので、元の画像の寸法(
XXX、
YYY)と同じ比率に。
比率を変えてしまうと、サムネイルの縦横比がおかしくなってしまうので注意。
冒頭の画像は、オリジナルが"341x227"に対して"114x76"のサイズでサムネイル表示しています。
つまり、幅/高さともに1/3に縮小しています。
また、 'target=_blank'は別ウィンドウで元画像を開くという意味です。そのページで開きたい場合は、これを省略して下さい。