（Image-Magick画像アルバム）

■ 特長

画像連結モジュールに、Image-Magick（PerlMagick）を使用したウェブアルバムです。
自動的にサムネイル画像を作成しますので、表示速度が速く、画像が美しいことが特徴です。
一覧画面が高速に表示されます。画面はテンプレート式のため、デザインやレイアウトを自由にカスタマイズできます。
MAGICKアルバム
このスクリプトを利用する上での利用規定です。必ず目を通しておいて下さい。スクリプトをダウンロードする場合、無条件に「利用規定」に同意したものとみなします。
【注意事項】本プログラムは、ウェブサーバにImage-Magickモジュールがインストールされていることが動作条件となります。お使いのウェブサーバでImage-Magickが使用できるか否かの確認は、プロバイダへ確認するか、もしくは本プログラムに同梱されている「check.cgi」を起動することでチェックすることができます。

■ プログラムの入手

以下の書庫ファイルをダウンロードします。
Ver: 1.41 mgalbum.zip

ダウンロード後、解凍すると、以下のファイルが展開されます。

album.cgi ------------ アルバム本体プログラム
admin.cgi ------------ 管理プログラム
init.cgi ------------- 設定ファイル
check.cgi ------------ 設定チェックプログラム
data/*.* ------------- データファイル
img/ ----------------- 画像ディレクトリ
css/album.css -------- スタイルシートファイル
lib/Jcode.pm --------- 文字変換モジュール [配布元]
lib/CGI/Minimal.pm --- データ受理モジュール [配布元]
tmpl/*.html ---------- テンプレートファイル

■pagetop

■ プログラムの修正と設置

全体のディレクトリ構成例は以下のとおりとなります(かっこ内はアクセス権の設定値です)。

【ディレクトリ構成例】

     public_html / ... ホームディレクトリ
          |
          +-- mgalbum / album.cgi   [705] ... 一覧プログラム
                 |      admin.cgi   [705] ... 管理プログラム
                 |      check.cgi   [705] ... チェック用プログラム
                 |      init.cgi    [604] ... 設定ファイル
                 |
                 +-- lib / *.*
                 |    +-- Jcode / *.*
                 |    +-- CGI / *.*
                 |
                 +-- data / data.dat [606]
                 |          num.dat  [606]
                 |
                 +-- css / album.css
                 |
                 +-- img [707] / ... アップ画像の格納フォルダ
                 |
                 +-- tmpl / *.html ... テンプレートファイル

init.cgiをエディタで開き、以下の個所を修正します。

$cf{password} = '0123';

（管理用パスワードを指定します。）

$cf{thum_w} = 150;

$cf{thum_h} = 110;

（サムネイル画像の最大サイズ（縦・横）を指定します。このサイズを変更する場合、スタイルシートファイルの定義にも注意します。）

$cf{page_max} = 10;

（１ページ当たりに表示する画像の枚数を指定します。この数を超えると、次ページに繰り越しされます。）

$cf{image_ext} = "jpg,jpeg,gif,bmp,png";

（アップロード可能な画像の拡張子をコンマで区切って指定します。）
mgalbum.cgi, admin.cgi, check.cgi をエディタで開き、以下の個所を修正します。

#!/usr/local/bin/perl

（プロバイダで定められたperlへのパスを指定します）
【チェックモード】「check.cgi」を呼び出すと簡易的な設定チェックを行ないます。Image-Magickモジュールの動作チェックも行います。なお、動作チェック後はchekc.cgiはファイル削除しておきます。
[例] http://www.xxx.zzz/mgcount/check.cgi [サンプル]

■pagetop

■ プログラムの修正と設置

FTP転送後、以下のとおりファイルを転送し、パーミッションを設定します。

ファイル名	パーミッション		転送モード
ファイル名	一般サーバ	suEXECサーバ CGIWrapサーバ	転送モード
album.cgi admin.cgi check.cgi	755 or 705	701 or 700	アスキー
init.cgi	644 or 604	601 or 600	アスキー
data/data.dat data/num.dat	666 or 606	600	アスキー
img/	777 or 707	-	-
css/album.css tmpl/.html lib/.*	-	-	アスキー

Tips:ファイル転送の仕方は以下のページを参考にしてください。

FTP : Windows編

FTP : Macintosh編

■pagetop

■ 補足事項

MAGICアルバムのレイアウトやデザイン等を変更する場合には、テンプレートファイルとスタイルシートを変更します。

・テンプレート : tmpl/album.html
・スタイルシート : css/album.css

特に、設定ファイル（init.cgi）でサムネイル画像の最大サイズ（縦・横）を変更した場合には、スタイルシートで定義する写真枠のサイズ設定も連携して変更するようにします。

【設定ファイル（init.cgi）】
$cf{thum_w} = 150; ← 横幅150ピクセル
$cf{thum_h} = 110; ← 横幅110ピクセル

【スタイルシートファイル（css/album.css）】
div.photo {
  border: 1px solid #2b0000;
  background-color: #9d896e;
  width: 170px;  ← 横幅170ピクセル : 設定で150px, 両隣との幅10pxなので170px
  height: 170px; ← 縦幅170ピクセル : 写真枠は正四角形のほうが段組みがきれいになるため、横幅に同じ。
  float: left;
  margin: 10px;
}

・今回のスタイルシートは、All About「キャプション付き画像を横に並べて配置する」（ガイド・西村文宏氏）を参考にさせていただきました。この場を借りてお礼申し上げます。