WebTools/フォトギャラリー/simpleviewer
Last-modified: 2022-05-05 (木) 09:23:31
★最新バージョンのインストールは以下のリンクより★
SimpleViewer†
http://www.airtightinteractive.com/simpleviewer/
- flashで実装されているフォトギャラリー
- ファイル(サイズ)がコンパクト
スクリーンショット†
動作環境†
- flash (7以上 *ブラウザ側に必要)
セットアップ環境†
LaCoocan
SimpleViewer v1.8
(画像の登録用にPHP)
インストール†
http://www.airtightinteractive.com/simpleviewer/ (Downloadの項目から)
- 上記からsimpleviewer.zipをダウンロードしてきてローカルPCで解凍しておきましょう。
- 自分のサーバのドキュメントルートにsimpleviewerディレクトリを作成。
- 作ったsimpleviewerディレクトリにローカルPCのファイルをアップロードしましょう。
画像の登録†
- 好きな画像をimagesディレクトリにアップロード
- http://www.airtightinteractive.com/simpleviewer/auto_server_instruct.html (Download PHP versionから)
- PHPバージョンをダウンロードしたら解凍しておく。
- (GDのバージョンを取得する所はLaCoocanだとうまく動かない様なので固定で2を返す様に修正)
function getGDversion の最後の方(v1.9.1は145行目付近)$gd_version_number = 2; ←この行を入れる。 return $gd_version_number; ←この行を探して直前に上の行を入れる。
- 画像登録スクリプトをサーバにアップロード
- 画像登録スクリプト(buildgallery.php)を実行すると画像のサムネイルと画像管理ファイル(gallery.xml)が生成される。
カスタマイズ†
ブラウザに表示されるタイトルを変える(タイトルバー)†
index.htmlのtitleタグで囲まれた部分を修正する。
日本語を使う場合はcharsetの指定やファイル自体を指定した文字コードで保存しておく事を忘れずに!
背景色を変更する†
index.htmlの34行目付近
var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "7", "#181818");←最後の部分が背景色の指定。
Webサイト制作関連/カラーパレット等を参考に好きな色を指定する。
ページの中のタイトルを変える†
gallery.xmlの最初の方にあるsimpleviewerGalleryタグ内のtitle に好きなタイトルを設定する。
画像にキャプションをつける。†
gallery.xmlに画像1枚毎にimageタグでくくられているので、その中にcaptionタグを設定する。
<image> <filename>キャプションを付けたい画像ファイル.jpg</filename> <caption>このタグ内に入れたい文字を設定する</caption> </image>
- 改行を入れれば改行されるみたい
ナビゲーション(サムネイル画像リスト)の位置や数を変える†
gallery.xmlの最初の方にあるsimpleviewerGalleryタグ内の
- navPosition ・・・ナビゲーションの位置を指定する
"top", "bottom","left","right"が指定できる。 - thumbnailColumns ・・・サムネイルの列数
- thumbnailRows ・・・サムネイルの行数
例えば
navPosition = "bottom" thumbnailColumns = "5" thumbnailRows = "1"
と指定すると画像の下に横に1行5枚サムネイルが並ぶ
コメント†
- captionの部分をhomeにして、サイトのトップページに戻れるようにしたいのですが、そういうこともできますか?色々タグを入れて試したのですが全く上手く行きません。何か方法はあるのでしょうか? (T-T -- 2008-03-08 (Sat) 00:53:03
- gallery.xml を以下の様にしてみて下さい(CDATAで囲む) -- hrmz 2008-03-10 (月) 17:18:06
<caption><![CDATA[<a href="http://サイトのTOP"><u>home</u></a>]]></caption>
- タイトルやコメントを日本語に直したいのですが、index.html内の xml:lang="ja" lang="ja" と charset=Shift_JIS を修正しただけでは日本語になりませんでした。まだ他に指定する部分があるのでしょうか?それとも元々出来ないのでしょうか? -- Rui 2008-07-29 (火) 00:29:20
- encodingの指定(gallery.xmlも)とかファイルの保存自体Shift_JISでやってますか? -- hrmz 2008-07-30 (水) 19:23:47
- 【gallery.xml】の編集が終わり、【index.html】を開いて正常に表示されているのを確認したのですが、アップロードするとなぜかその画面が開かずに、「SimpleViewer requires JavaScript and the Flash Player. Get Flash.」と出てしまいます。しかも背景の色も初期設定の色ですし、もう一つ同じSimple viewerで作った別のやつをアップロードしても全く同じものが出てしまうんです。なんででしょうかー??泣 -- ちゃい 2008-11-16 (日) 20:13:01
- Get Flashって書いてあるのでFlashを入れてあげればいいんじゃないでしょうか -- hrmz 2008-11-16 (日) 22:53:03
- flashは入ってまして、見れる環境にはありますし、そのファイルをサファリで見て確認しても見れるんですけど、アップロードをするとその画面しか出てこなくなっちゃうんです。ファイルがおかしいんでしょうか??汗 -- ちゃい 2008-11-17 (月) 23:37:08
- flashのバージョンは8以上みたいですが該当してますか?「そのファイルをサファリで見て確認しても見れる」そのファイルって何ですか? -- hrmz 2008-11-18 (火) 10:42:40
- サムネールの方のフレームの線幅等を変える事は出来ますか? -- [[ ]] 2008-12-20 (土) 08:40:44
- このページを見て参考させて頂きありがとうございます。早速なんですが「SimpleViewer requires JavaScript and the Flash Player. Get Flash.」と表示されるのですが前の方は解決したのでしょうか。宜しくお願いします。 -- masa 2008-12-22 (月) 06:41:43
- 一つ質問させてください。同じ写真を用いたギャラリーに、日本語のみと英語のみそれぞれ別のキャプションのついたページを二つ用意したいと思うのですが、英語用のindexen.html(以下A)とgalleryen.xml(以下B)を同じフォルダに作り、Aの内容を【//fo.addVariable("xmlDataPath", "galleryen.xml");】(45行目)と書き換えてもBを参照してくれません(参照されるのはもとのgallery.xml)。スクリプトの知識が乏しく恐縮ですが、ご教授いただけると助かります。 -- たろう 2008-12-28 (日) 13:17:32
- foの前の「//」は実際に入っているのしょうか?>たろうさん -- hrmz 2009-01-09 (金) 13:28:56
- 背景の色を透明にすることは可能でしょうか?"背景色を変更する"にある部分を"transparent"に変えても緑色になってしまったので、無理かなとも思いますが… -- みやの 2009-02-14 (土) 20:20:53
- みやのさんがやってみた通りダメっぽいですね -- hrmz 2009-02-17 (火) 16:53:54
- 上記のたろうさんと同じ状態ですかね?。gallery.xmlという名前のファイルしか読んでくれません。 -- ぬー 2009-05-14 (木) 16:31:05
- 「Download PHP versionから」に行けません。 -- ろろ 2011-04-09 (土) 13:25:33
- 最新バージョンはこちらを参考にして下さい。WebTools/フォトギャラリー/simpleviewer2 -- hrmz 2011-04-13 (水) 18:48:28