フォトアルバム3

フォトアルバム3

内容
画像を分類しサムネイルを表示します。

くろまる画像はFTPでサーバへ一括転送します。画像ファイル名は任意です。
くろまる画像を分類して表示します。
くろまるサムネイル一覧を自動作成して表示します。

表示例
実際に動作しているサンプルが こちら にありますのでご覧下さい。

Photo Album

箱根
横浜
立山連峰
[管理]
画像クリック

戻る 箱根
小田原から箱根登山電車に乗って箱根湯本を通り、スイッチバックで急な山道を登って行く。箱根登山電車で強羅まで行く手前に「彫刻の森美術館」がある。ここは野外美術館で山中の広大な敷地に沢山の彫刻があり、歩きながら見て回る。ピカソ館があり今世紀の偉大なピカソの芸術に逢える。

P1 P2
画像クリック

戻る << 1/10 >>

設置手順
No 項 目 内 容
1 ファイルダウンロード 購入により下記の圧縮ファイルをダウンロードします。
view23.zip 購入申込
2 ファイルの解凍 圧縮ファイルを解凍すると下記のファイルが生成されます。
<ディレクトリ構成>
|---viewdata (ディレクトリ)
|---view23.cgi
3 プログラムの変更 view23.cgi は最初の行に下記のようにPerlパスが記述してあります。
この記述がサーバ側で定められた指定と異なる場合は修正して下さい。(参考)
/usr/bin/perl
4 HPページの記述 HPページで本CGIへ下記のリンクを張ります。
http://xxxx/view23.cgi

任意の画像ディレクトリを作成し画像ファイルを格納します。
複数の画像ディレクトリを設定できます。画像ファイル名は任意です。
<ディレクトリ構成例>
|---photo1ディレクトリ(画像ファイル)
|---photo2ディレクトリ(画像ファイル)
|---viewdataディレクトリ
|---view23.cgi
5 ファイル転送 上記のファイル及びHPページをサーバへ転送します。
6 パーミッションの設定 アクセス権 (パーミッション)を下表のように設定します。
但し、サーバによってパーミッションが指定されている場合は、それに従って下さい。
ファイル名 アクセス権
view23.cgi 755
7 実行 上記のHPページでリンクをクリックすると本CGIを表示します。

使用方法
くろまる表示
・各分類毎に画像を表示します。
・各画像をクリックするとサムネイル画像一覧を表示します。
・サムネイルをクリックすると実サイズ画像を表示します。
・実サイズ画像を順次に表示します。画像をクリックしても次へ進みます。

くろまる管理
・「管理」をクリックします。パスワードは初期値が「cgi」です。

くろまる記事編集
・分類を選択し、「更新する」を押します。
・画像を削除する場合は画像の「削除」をチェックします。

箱根 横浜



削除
削除
削除

くろまる分類設定
・「画像ディレクトリ」には「設置手順 4」で設定した画像ディレクトリを入力します。
・分類の順番を指定して「並び替え」をクリックすると各分類の表示順を変更できます。
・分類を修正、削除する場合は「修正」をクリックします。
・分類を削除するとその分類に含まれる全ての記事が削除されます。
・分類の件数が多くなるとサーバに負荷が掛かりますので、最大30件程度でお使い願います。

修正 分類 画像ディレクトリ コメント
立山・黒部 photo1 立山・黒部アルペンルートです。
箱根 photo2
シンガポール photo3

くろまる基本設定
タイトル

コメント
ホームURL
壁紙
画像格納ディレクトリ
画像読出ディレクトリ
基本背景色
基本文字色
タイトル
分類
分類背景色
サムネイル表示 px 枚/ページ
パスワード変更 (英数8文字以内)

タイトル 上部に表示するタイトルを入力します。
コメント タイトルの下に表示するコメントを入力します。
ホームURL 左上に表示するホームへの戻り先を指定します。
壁紙 壁紙を使用する場合に画像ファイルアドレスを入力します。
画像格納ディレクトリ 画像を格納するディレクトリです。通常は空白のままですが、サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順4」で設定した画像ディレクトリを絶対パス又は本CGIからの相対パスで指定します。http://のURLでは指定できません。
(例) /home/、 ../../public_html/
画像読出ディレクトリ 画像を読み出すディレクトリです。通常は空白のままですが、サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順4」で設定した画像ディレクトリを http:// のURLで指定します。
(例) http://xxxx/
基本背景色・・・ 各色をカラーコードで指定します。
サムネイル表示 サムネイル画像を表示する最大サイズを指定します。
又、画像列数とページ当りの表示枚数を指定します。
パスワード変更 管理画面に入る為のパスワードを入力します。


改版履歴
リリース日 対象 版数 改版内容
2002年12月23日 view23.cgi V1.0 初版
2004年09月13日 view23.cgi V2.0 全面変更。旧版とのデータ互換性はありません。
2010年08月18日 view23.cgi V2.1 管理画面変更。基本設定の再設定が必要です。
2013年12月24日 view23.cgi V2.2 分類設定変更


AltStyle によって変換されたページ (->オリジナル) /