GALLERY+ version:0.24*

INFORMATION

GALLERY9のLite版でページ埋め込み型サムネイル画像生成スクリプトです。お好きなページの何処へでも埋め込むことが可能。

前バージョンからソース全て一掃し、様々なシチュエーションで使えるようバージョンアップしました。
出力は全てテンプレート化し、編集も可能。しかも様々なタイプですぐ使えるよう数種類テンプレートを用意しました。
もちろん携帯端末でもご利用いただけます。

主な機能

  1. 指定フォルダ丸ごとサムネイル画像自動生成
  2. 正方形サムネイル画像生成機能
  3. HTML出力を任意の文字コードへ設定
  4. サムネイル画像フィルターオプション(反転・白黒・セピア・エンボス・スケッチ)
  5. 出力HTMLのテンプレート化で編集OK
  6. ソート機能(ファイル名/ファイル更新日の各正順逆順4種)
  7. 出力HTMLのキャッシュ機能

前バージョン(0.23)より変更点は下記となります。

  1. 出力HTMLのキャッシュ機能

SETTING

  1. サムネイルを呼び出すHTMLにSYSTEM_ROOT(GALLERY+の入ってるディレクトリまでのサーバーパス)を設定しスクリプトを呼び出し(インクルード)します。

    define("SYSTEM_ROOT", getcwd()."/galleryplus/");//サーバー環境に合わせて下さい。
    include(SYSTEM_ROOT.'galleryplus.php');

  2. 次にサムネイル元画像ディレクトリ('imgDir')、サムネイル画像作成用ディレクトリ('thumbDir')、サムネイル画像高('height')、正方形サムネイル画像オプション('square')、サムネイル画像フィルター('filter')をセットします。

    ※サムネイル画像作成用ディレクリ（フォルダ）は必ずパーミッションを707/777等その他に書き込み権限を与えるよう設定ください。

    galleryPlus(array( 'imgDir' => 元画像ディレクトリパス, 'thumbDir' => サムネイル保存先ディレクトリパス, 'height' => サムネイル高, 'square' => 正方形カット true or false, 'filter' => フィルター加工 false or 1-5), 強制サムネイル生成 true or false);

    $gallery = new galleryPlus(array( 'imgDir' => 's180/', 'thumbDir' => 'thumb/', 'height' => 100, 'square' => true, 'filter' => false));

  3. 最後にサムネイル画像を表示させたい所に呼び出します。

    <?php $gallery->drawing(); ?>

  4. 拡張子をPHPとして保存し、サーバーへアップロードします。※ソース例↓

    <?php
    define("SYSTEM_ROOT", getcwd().'/gplus/galleryplus/');
    include(SYSTEM_ROOT.'galleryplus.php');
    $gallery = new galleryPlus(array( 'imgDir' => 's180/', 'thumbDir' => 'thumb/', 'height' => 100, 'square' => true, 'filter' => false));
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja-JP" lang="ja-JP">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>My Gallery</title>
    <meta name="Keywords" content="" />
    <meta name="Description" content="" />
    <meta name="language" content="Japanese" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    </head>
    <body>
    <h1>My Gallery*</h1>
    <?php $gallery->drawing(); ?>
    </body>
    </html>

  5. 一つのHTMLに複数設置する場合。

    <?php
    define("SYSTEM_ROOT", getcwd().'/gplus/galleryplus/');
    include(SYSTEM_ROOT.'galleryplus.php');
    $gallery1 = new galleryPlus(array( 'imgDir' => 'img1/', 'thumbDir' => 'thumb/', 'height' => 100, 'square' => true, 'filter' => false));
    $gallery2 = new galleryPlus(array( 'imgDir' => 'img2/', 'thumbDir' => 'thumb/', 'height' => 100, 'square' => true, 'filter' => false));
    $gallery3 = new galleryPlus(array( 'imgDir' => 'img3/', 'thumbDir' => 'thumb/', 'height' => 100, 'square' => true, 'filter' => false));
    $gallery4 = new galleryPlus(array( 'imgDir' => 'img4/', 'thumbDir' => 'thumb/', 'height' => 100, 'square' => true, 'filter' => false));
    $gallery5 = new galleryPlus(array( 'imgDir' => 'img5/', 'thumbDir' => 'thumb/', 'height' => 100, 'square' => true, 'filter' => false));
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja-JP" lang="ja-JP">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>My Galleries</title>
    <meta name="Keywords" content="" />
    <meta name="Description" content="" />
    <meta name="language" content="Japanese" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    </head>
    <body>
    <h1>My Galleries*</h1>

    <h2>Gallery1</h2>
    <?php $gallery1->drawing(); ?>

    <h2>Gallery2</h2>
    <?php $gallery2->drawing(); ?>

    <h2>Gallery3</h2>
    <?php $gallery3->drawing(); ?>

    <h2>Gallery4</h2>
    <?php $gallery4->drawing(); ?>

    <h2>Gallery5</h2>
    <?php $gallery5->drawing(); ?>

    </body>
    </html>

  6. サムネイル画像の強制生成。

    サムネイル画像は一度生成されると高さが変更にならない限りオプション変更しても再生成を行いません。一度生成したサムネイル画像のオプションを変更したりする場合は強制サムネイル画像生成オプションをTRUEにする必要があります。

    $gallery = new galleryPlus(array( 'imgDir' => 's180/', 'thumbDir' => 'thumb/', 'height' => 100, 'square' => true, 'filter' => false), true);

    ※このままの状態ですとサーバーに負荷が掛かるので再生成を終えたらfalseに戻してください。

CHARSET

  1. 出力するHTML、及びテンプレートファイルがUTF-8の場合は設定ありません。

  2. 出力するHTMLがShift_jisの場合

    セッティング2の後に下記通り追記します。

    $gallery->htmlCharset = 'SJIS';

  3. 出力するHTMLがEUC-JPでテンプレートファイルがShift_jisの場合

    セッティング2の後に下記通り追記します。

    $gallery->htmlCharset = 'EUC-JP';
    $gallery->tplCharset = 'SJIS';

  4. 出力するHTMLがUTF-8でテンプレートファイルがShift_jisの場合

    セッティング2の後に下記通り追記します。

    $gallery->tplCharset = 'SJIS';

SORT

  1. デフォルトではファイル名順でソートを行ってます。

  2. ファイル名逆順でに並べ替え。

    セッティング2の後に下記通り追記します。

    $gallery->row = 1;

  3. ファイル更新日順でに並べ替え。

    セッティング2の後に下記通り追記します。

    $gallery->row = 2;

  4. ファイル更新日逆順でに並べ替え。

    セッティング2の後に下記通り追記します。

    $gallery->row = 3;

CACHE

  1. cache保存先ディレクトリを指定することで簡単にキャッシュ機能を追加できます。

    セッティング2の後に下記通り追記します。

    $gallery->cache = 'cache/';

    キャッシュ保存先ディレクトリは必ずその他に書き込み権限を与えるよう設定ください。※パーミッション707/777等サーバ推奨環境値

  2. ※ソース例↓

    <?php
    define("SYSTEM_ROOT", getcwd().'galleryplus/');
    include(SYSTEM_ROOT.'galleryplus.php');
    $gallery = new galleryPlus(array( 'imgDir' => 's180/', 'thumbDir' => 'thumb/', 'height' => 100, 'square' => true, 'filter' => false));
    $gallery->cache = 'cache/';
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja-JP" lang="ja-JP">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>My Gallery</title>
    <meta name="Keywords" content="" />
    <meta name="Description" content="" />
    <meta name="language" content="Japanese" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    </head>
    <body>
    <h1>My Gallery*</h1>
    <?php $gallery->drawing(); ?>
    </body>
    </html>

exSAMPLE

  1. NORMAL without Square option

    'square' => false

    s01.jpg s02.jpg s03.jpg s11.jpg s12.jpg

    xtrec

  2. NORMAL with Square option

    'square' => true

    s01.jpg s02.jpg s03.jpg s11.jpg s12.jpg

    xtrec

  3. NORMAL with Filter option(1)

    'filter' => 1

    s01.jpg s02.jpg s03.jpg s11.jpg s12.jpg

    xtrec

  4. NORMAL with Filter option(2)

    'filter' => 2

    s01.jpg s02.jpg s03.jpg s11.jpg s12.jpg

    xtrec

  5. NORMAL with Filter option(3)

    'filter' => 3

    s01.jpg s02.jpg s03.jpg s11.jpg s12.jpg

    xtrec

  6. NORMAL with Filter option(4)

    'filter' => 4

    s01.jpg s02.jpg s03.jpg s11.jpg s12.jpg

    xtrec

  7. NORMAL with Filter option(5)

    'filter' => 5

    s01.jpg s02.jpg s03.jpg s11.jpg s12.jpg

    xtrec

  8. IFRAME

    セッティング3の後にiframe用テンプレートを呼び出します。

    $gallery->tplName = 'iframe.html';

    フレーム名がiframeになってるのでテンプレート(tpl/iframe.html)を編集して任意のフレーム名へ変更ください。

    <a href="{$config:imgDir}{$filename}" target="iframe"><img src="{$config:thumbDir}{$filename}" alt="{$filename}" /></a>

    s01.jpg s02.jpg s03.jpg s11.jpg s12.jpg

    xtrec

  9. with Lightbox 2

    セッティング3の後にlightbox用テンプレートを呼び出します。

    $gallery->tplName = 'lightbox.html';

    Lightbox2をダウンロードし、埋め込むHTMLのhead区間に下記の記述をします。※それぞれのパスは環境に合わせて下さい。

    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

    s01.jpg s02.jpg s03.jpg s11.jpg s12.jpg

    xtrec

  10. with Lytebox v3.2

    セッティング3の後にLytebox用テンプレートを呼び出します。

    $gallery->tplName = 'lytebox.html';

    Lyteboxをダウンロードし、埋め込むHTMLのhead区間に下記の記述をします。※それぞれのパスは環境に合わせて下さい。

    <script type="text/javascript" language="JavaScript" src="js/lytebox.js"></script>
    <link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />

    s01.jpg s02.jpg s03.jpg s11.jpg s12.jpg

    xtrec

  11. with Highslide v3.3.3

    セッティング3の後にhighslide用テンプレートを呼び出します。

    $gallery->tplName = 'highslide.html';

    Highslide v3.3.3をダウンロードし、埋め込むHTMLのhead区間に下記の記述をします。※それぞれのパスは環境に合わせて下さい。

    <script type="text/javascript" language="JavaScript" src="highslide/highslide.js"></script>
    <script type="text/javascript">
    hs.captionId = 'the-caption';
    </script>

    s01.jpg s02.jpg s03.jpg s11.jpg s12.jpg

    xtrec