180style wiki
WebTools/フォトギャラリー/pyxy-gallery
をテンプレートにして作成
開始行:
#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をダウンロードしてきてローカルP...
-自分のサーバのドキュメントルートにpyxy-galleryディレクト...
-作ったpyxy-galleryディレクトリにローカルPCの3ファイル...
-あとは好きな画像を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/galler...
↓
<p>好きな説明文を入れる</p>
*カスタマイズする時はindex.htmlを作ってそれを編集なんて...
*配布元へのリンクは残しておきましょう。
***配色の変更 [#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 =...
・$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];
終了行:
#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をダウンロードしてきてローカルP...
-自分のサーバのドキュメントルートにpyxy-galleryディレクト...
-作ったpyxy-galleryディレクトリにローカルPCの3ファイル...
-あとは好きな画像を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/galler...
↓
<p>好きな説明文を入れる</p>
*カスタマイズする時はindex.htmlを作ってそれを編集なんて...
*配布元へのリンクは残しておきましょう。
***配色の変更 [#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 =...
・$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];
ページ名: