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

WebTools/フォトギャラリー/simpleviewer

Last-modified: 2022-05-05 (木) 09:23:31

★最新バージョンのインストールは以下のリンクより★

SimpleViewer

http://www.airtightinteractive.com/simpleviewer/

  • flashで実装されているフォトギャラリー
  • ファイル(サイズ)がコンパクト

スクリーンショット

simpleviewer.jpg

動作環境

  • 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