「gallery」のサムネイルサイズを変更する
テンプレート「gallery」の縮小画像の縦横サイズ・余白などを変更する方法について解説します。
テンプレートのHTML部分前半にある、以下の箇所で縮小画像を作成しています。
onload="webGallery('photoarea', 'entry', 'permalink', 120, 80, 10, 3, true);"
最後の5つの値の機能は、以下の通りです。
間の「半角コンマ」を削除しないようご注意ください。
- 120(前から4番目)
- サムネイル画像の幅(ピクセル単位)です。画像は縦横比を保ったままこのサイズに揃えて表示されます。
- 80(前から5番目)
- サムネイル画像の高さ(ピクセル単位)です。画像は縦横比を保ったままこのサイズに揃えて表示されます。
- 10(前から6番目)
- サムネイル画像間の間隔(ピクセル単位)です。
画像幅と間隔によっては、ページの右側に大きな空きを残したまま改行されてしまうので、任意で調整してください。 - 3(前から7番目)
- サムネイル画像と外枠の余白(ピクセル単位)です。0にすると、枠と画像がぴったり接します。
- ture(最後尾)
- 記事内に使用されている画像を全て表示するかを選択できます。
false(true以外なら可)にすると、記事内で一番最初に使用されている画像のみをリストに加えます。
初期設定ではデジカメの縦横比を前提に、記事中で使用された全ての画像を表示するようにしています。
例えば、携帯の待受サイズ(幅240ピクセル・高さ320ピクセル)の写真が中心で、写真は最初の一枚だけ表示したい場合は、以下のように設定するときれいな一覧を生成できます。
onload="webGallery('photoarea', 'entry', 'permalink', 90, 120, 7, 5, false);"
- Publish : 2007-07-29(Sun)
