「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)

ページ先頭へ戻る