Posts Tagged minishowcase

minishowcase v09b63リリース

2006.12.27

minishowcaseがバージョンアップしてた。Alpha版だったv09系がベータリリースに昇格して公開。

不具合のほとんどは解消。ただ、WindowsIEでのレイアウト崩れはイマイチ解消されてなくて、デフォルトのCSSのまま使う分には問題ないけど、ちょっと弄って背景色を変えたい場合なんかにサムネールの表示が微妙にズレてるのがバレる。前にやった修正と同じ方法で対処した。

今回のバージョンアップで、ギャラリーリストとサムネール一覧のソート方法が個別に設定できるようになったんで、ギャラリーリストは日付の新しい順、サムネールリストは日付の古い順に表示させたり、ってなことができる。ちょっと不満があった部分なのでウレシイ改善。
全体的に完成度が高くなってイイ感じなんじゃなかろうか。

関連エントリー:
minishowcase追っかけ
minishowcaseアップデート&バグ取り
PHP + Ajaxによるシンプルなフォトギャラリー「minishowcase」

minishowcase追っかけ

2006.12.18

minishowcaseのAlpha版が目まぐるしくアップデートされるのはいいんだけど、アップデート内容がさっぱり判らないんで、コミュニティを俳諧してたら、Google codeにプロジェクトが出来てるのを発見。
svnリポジトリが判明したんで、何となくアップデート内容の把握ができそう。
ありそうで、なかなか見かけないタイプのフォトギャラリーなので、がんばって欲しいなぁ。

関連エントリー:
minishowcaseアップデート&バグ取り
PHP+Ajaxによるシンプルなフォトギャラリー「minishowcase」

minishowcaseアップデート&バグ取り

2006.12.12

このあいだ設置したminishowcaseが早くもバージョンアップしてたんで、入れ替えた。
ダウンロードしたのは、Alpha版のv09a40

前回のバージョンは、Win版IEでリロードしてもローディングアイコンが回りっぱなしで止まっちまうバグがあったんだけど、それが改善されてた。これはグッジョブ。だけど、複数ページに分割されたギャラリーで、2ページ目以降を表示させた後、別のギャラリーに移動するとそれまで見ていたページ番号で他のギャラリーを呼び出してしまうバグが取れてなかったので修正した。

libraries/ajax.functions.js 191行目

function setGallery(id, link)
{
//// check if we’re retrieving all thumbnails or just a block

↓以下に修正

function setGallery(id, link)
{
th_min = 0;
th_max = th_diff;
//// check if we’re retrieving all thumbnails or just a block

かなり強引だけど暫定措置。
あと、WinIEでのレイアウト崩れが激しかったので、HTML+CSS回りも修正。

libraries/ajax.functions.js 517行目

? “width:”+(thumbnail_max_size+6)+”px;height:”

↓以下に修正

? “width:”+(thumbnail_max_size)+”px;height:”

styles/gallery.css 22行目

width: <?=($settings['gallery_width']-20)?>px;

↓以下に修正

width: <?=($settings['gallery_width'])?>px;

styles/gallery_ie.css 26行目

margin: 0px 4px 2px 0px !important;

↓以下に修正

margin: 0px 8px 4px 0px !important;

PHP + Ajaxによるシンプルなフォトギャラリー「minishowcase」

2006.12.01

仲間同士の写真共有のための仕組みをずっと探してて、これまでは AIRTIGHT INTERACTIVEのSimpleViewerPostcardViewerを使ってみたものの、やっぱりどこか使い勝手の悪さを感じてた。Flashによるビューアーは見るだけなら気持ちいいんだけど、運用面がイマイチ。階層分けにビューアーが対応してないのも今一つな感じだった。

FTPとかでディレクトリごと画像をアップロードすると、勝手にサムネール作って一覧表示してくれるような超モノグサ野郎向けステキソリューションは無いもんかと探し続けてようやく見つけたこの一本。

minishowcase

PHP + Ajaxで構成されたフォトギャラリー。ディレクトリごと画像ファイルをアップロードすると、ディレクトリ名でページ分けしてくれて、初回閲覧時にサムネールを自動生成してくれる。一度セッティングが済んでしまえば、日付別などでディレクトリ分けした画像ファイルをドカドカアップロードするだけでフォトギャラリーが完成。まさに求めた機能そのまんまが実装されてる!エラい!エラいよステキ外人!ビバ!モノグサ。以下導入メモ。


動作環境

PHP 4.2.0以降
GD/GD2ライブラリ必須

http://minishowcase.frwrd.net/からファイルをダウンロード。
オレはAlpha版のV09a23をダウンロードした。
zipファイルを展開して「INSTRUCTIONS.HTM」を読みつつインストール。

  1. ファイルのアップロード
    FTP経由で展開したファイルをサーバーにアップロード。
    ※Alpha版の場合、各フォルダ内に「.svn」フォルダがあるので、先に削除しておいたほうがアップロード時間を短縮できると思う。
  2. パーミッション設定
    cache/ディレクトリのパーミッションを「777」に設定
  3. settings.phpの設定
    config/settings.phpをコメント読みつつ設定。主な設定項目は以下。

    • $settings['minishowcase_url'] = “”;
      ファイルをアップロードした場所のURLを指定する。
      $settings['minishowcase_url'] = “http://www.foobar.com/photo/”;
      みたいな感じで。必須の項目はここだけだと思う。
    • $settings['use_lightbox'] = 2;
      デフォルトは「1」で、実サイズ画像を表示するのに「Lightbox JS」が指定されてる。ここを「2」にして、「ThickBox 2.1」を指定した。ThickBoxだと、ブラウザのウインドウサイズに表示サイズを併せて縮小してくれる。
    • $settings['gallery_title'] ギャラリーのタイトル(<title></title>)指定
    • $settings['max_thumbnail_rows'] サムネール表示時の列数指定
    • $settings['thumbnail_sorting'] 画像のソート順指定

    などをそれぞれ設定。
    ※$settings['gallery_title']の設定に関しては、index.phpにtypoがあって、62行目を
    <title><?=$settings['gallery_title']?></title>
    にしないとダメ。

    これで設定完了。

  4. 画像ファイルのアップロード
    galleries/以下に画像ファイルをアップロードする。オレの場合は「20060101」のように、日付でフォルダ分けして、ドカドカっとアップロード。
  5. 動作確認
    minishowcaseをアップロード($settings['minishowcase_url']で指定)したURLをブラウザから呼び出して、画像の入ったディレクトリがリスト表示されるのを確認。リストをクリックするとサムネール表示されるので、一通りサムネール表示したらcache/ディレクトリを確認して、きちんとサムネール画像が生成されていることを確認した。

あとは、themes/default/data.phpに手を入れて色の変更をした。以上でおしまい。

すこぶる快適。速度も早いし、デフォルトのデザインもイイ。唯一の不満は、多階層のディレクトリに対応してないことと、Alpha版ならではのバグ。サムネール表示画面にはpagination機能が実装されているものの、状況によってちゃんと動かない。どうも$settings['max_thumbnail_rows']が奇数だとページが切り替わっても何も表示されなかったりする。あと、ページを2ページ目以降に切り替えたあと、別のディレクトリに移動した時の挙動もおかしい。
まぁこの辺は今後の開発に期待ということで。