WebTools/フォトギャラリー/pyxy-gallery
Last-modified: 2022-05-05 (木) 09:23:31
pyxy-gallery†
http://fennecfoxen.org/pyxy/gallery
- PHP+Ajaxで実装されているフォトギャラリー
- 動作が軽快
- インストールが簡単
動作環境†
- PHP4.3.0 以降 (GDが必要)
- #ブラウザがieだと動かないっぽい?!
セットアップ環境†
LaCoocan
PHP 4.4.6
pyxy-gallery 2.0 beta
インストール†
http://fennecfoxen.org/pyxy/gallery
- 上記からpyxy-gallery.zipをダウンロードしてきてローカルPCで解凍しておきましょう
- 自分のサーバのドキュメントルートにpyxy-galleryディレクトリを作成
- 作ったpyxy-galleryディレクトリにローカルPCの3ファイル(index.php,moo.jp,pyxy.js)をアップロードしましょう。
- あとは好きな画像をpyxy-galleryディレクトリにアップロードするだけで簡単にフォトギャラリーができます。
カスタマイズ†
タイトルを変える†
index.php
$title = getTitle(); ↓ $title = "好きなタイトル文字列";
ページ上部の説明文を変える†
index.php
<p>BETA BETA BETA BETA</p> ↓ <p>好きな説明文を入れる</p>
ページ下部の説明文を変える†
<p>This is a <a href="http://fennecfoxen.org/pyxy/gallery">Pyxy v2.0 BETA</a> gallery.If you want to customize this page,save a copy to the file 'index.html'in the same directory as this file,and edit it.</p> ↓ <p>好きな説明文を入れる</p>
*カスタマイズする時はindex.htmlを作ってそれを編集なんて書いてあるけど気にしない (^Q^
*配布元へのリンクは残しておきましょう。
配色の変更†
index.phpにCSSの部分があるのでそこをいじりましょう。
画像格納ディレクトリの変更†
imgフォルダ内の画像を読み込む様に変更
index.php
function loadDir($dir = 'img')←dirに読み込みたいディレクトリを入れる。 $filepath = $dir."/".$file; ←ファイル名+パスの変数を作る パス付きじゃないとうまく動かない関数の引数を変更する。 ・if(is_dir($filepath)){ $dirs[] = $file; } ・elseif(is_readable($filepath)){ ・$when = filemtime($filepath); function getJSON($dir)も同様に $filepath = $dir['name']."/".$i;←foreach($imgs as $i => $m)の後あたりで ・$isize = GetImageSize($filepath,$info); ・$is[] = '{ "url": "' . $filepath .'", ' . ・'"filesize": ' . filesize($filepath) . $comma . function pyxyResize() $filename = $_REQUEST['file'];←basenameを取る
pyxy.js
fillData: function(pic) タイトル(キャプション)に入れる時にパスを取り除く pic.title = pic.url.split('/'); pic.title = pic.title[pic.title.length-1];