トップ   編集 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS   ログイン

WebTools/フォトギャラリー/pyxy-gallery の変更点


#freeze
#contents
*pyxy-gallery [#pe12126c]
http://fennecfoxen.org/pyxy/gallery
-PHP+Ajaxで実装されているフォトギャラリー
-動作が軽快
-インストールが簡単

**動作環境 [#u12b0166]
-PHP4.3.0 以降 (GDが必要)
-#ブラウザがieだと動かないっぽい?!

**セットアップ環境 [#peb7e11e]
[[LaCoocan>http://lacoocan.nifty.com/]]~
PHP 4.4.6~
pyxy-gallery 2.0 beta

**インストール [#m29788d2]
http://fennecfoxen.org/pyxy/gallery

-上記からpyxy-gallery.zipをダウンロードしてきてローカルPCで解凍しておきましょう
-自分のサーバのドキュメントルートにpyxy-galleryディレクトリを作成
-作ったpyxy-galleryディレクトリにローカルPCの3ファイル(index.php,moo.jp,pyxy.js)をアップロードしましょう。
-あとは好きな画像をpyxy-galleryディレクトリにアップロードするだけで簡単にフォトギャラリーができます。

**カスタマイズ [#i9c3cbdc]
***タイトルを変える [#d210cd80]
index.php
 $title = getTitle();
   ↓
 $title = "好きなタイトル文字列";
***ページ上部の説明文を変える [#pde1010a]
index.php
 <p>BETA BETA BETA BETA</p>
    ↓
 <p>好きな説明文を入れる</p>
***ページ下部の説明文を変える [#cd6782a5]
 <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^ ~
*配布元へのリンクは残しておきましょう。

***配色の変更 [#kd10a7e0]
index.phpにCSSの部分があるのでそこをいじりましょう。

***画像格納ディレクトリの変更 [#e11c6e2b]
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];