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

WebTools/フォトギャラリー/simpleviewer の変更点


#author("2018-05-19T09:55:01+09:00","default:hrmz","hrmz")
★最新バージョンのインストールは以下のリンクより★
-'' [[WebTools/フォトギャラリー/simpleviewer2]]''

#contents
*SimpleViewer [#u76c2a96]
http://www.airtightinteractive.com/simpleviewer/
-flashで実装されているフォトギャラリー
-ファイル(サイズ)がコンパクト

**スクリーンショット [#mb8608fc]
#ref(http://180.style.coocan.jp/blog/images/simpleviewer.jpg)

**動作環境 [#y83f59ac]
-flash (7以上 *ブラウザ側に必要)

**セットアップ環境 [#y223077f]
[[LaCoocan>http://lacoocan.nifty.com/]]~
SimpleViewer v1.8~
(画像の登録用にPHP)~

**インストール [#ue7494b2]
http://www.airtightinteractive.com/simpleviewer/
(Downloadの項目から)

-上記からsimpleviewer.zipをダウンロードしてきてローカルPCで解凍しておきましょう。
-自分のサーバのドキュメントルートにsimpleviewerディレクトリを作成。
-作ったsimpleviewerディレクトリにローカルPCのファイルをアップロードしましょう。

**画像の登録 [#u9d0f83d]
-好きな画像をimagesディレクトリにアップロード
-http://www.airtightinteractive.com/simpleviewer/auto_server_instruct.html
(Download PHP versionから)
-PHPバージョンをダウンロードしたら解凍しておく。
-(GDのバージョンを取得する所はLaCoocanだとうまく動かない様なので固定で2を返す様に修正)&br;
function getGDversion の最後の方(v1.9.1は145行目付近)
 
 $gd_version_number = 2;  ←この行を入れる。
 return $gd_version_number; ←この行を探して直前に上の行を入れる。
-画像登録スクリプトをサーバにアップロード
-画像登録スクリプト(buildgallery.php)を実行すると画像のサムネイルと画像管理ファイル(gallery.xml)が生成される。

**カスタマイズ [#ebd8aa84]
***ブラウザに表示されるタイトルを変える(タイトルバー) [#d850593e]
index.htmlのtitleタグで囲まれた部分を修正する。~
日本語を使う場合はcharsetの指定やファイル自体を指定した文字コードで保存しておく事を忘れずに!

***背景色を変更する [#n08b6075]
index.htmlの34行目付近
 var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "7", "#181818");←最後の部分が背景色の指定。
[[Webサイト制作関連/カラーパレット]]等を参考に好きな色を指定する。

***ページの中のタイトルを変える [#q2a545d2]
gallery.xmlの最初の方にあるsimpleviewerGalleryタグ内のtitle に好きなタイトルを設定する。

***画像にキャプションをつける。 [#hc576330]
gallery.xmlに画像1枚毎にimageタグでくくられているので、その中にcaptionタグを設定する。
 <image>
   <filename>キャプションを付けたい画像ファイル.jpg</filename>
   <caption>このタグ内に入れたい文字を設定する</caption>
 </image>
-改行を入れれば改行されるみたい

***ナビゲーション(サムネイル画像リスト)の位置や数を変える [#jaa5d595]
gallery.xmlの最初の方にあるsimpleviewerGalleryタグ内の
-navPosition ・・・ナビゲーションの位置を指定する&br;
"top", "bottom","left","right"が指定できる。
-thumbnailColumns ・・・サムネイルの列数
-thumbnailRows ・・・サムネイルの行数

例えば
 navPosition = "bottom" thumbnailColumns = "5" thumbnailRows = "1" 
と指定すると画像の下に横に1行5枚サムネイルが並ぶ

**コメント [#v4648087]
- captionの部分をhomeにして、サイトのトップページに戻れるようにしたいのですが、そういうこともできますか?色々タグを入れて試したのですが全く上手く行きません。何か方法はあるのでしょうか? (T-T  --  &new{2008-03-08 (Sat) 00:53:03};
- gallery.xml を以下の様にしてみて下さい(CDATAで囲む) -- [[hrmz]] &new{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]] &new{2008-07-29 (火) 00:29:20};
- encodingの指定(gallery.xmlも)とかファイルの保存自体Shift_JISでやってますか? -- [[hrmz]] &new{2008-07-30 (水) 19:23:47};
- 【gallery.xml】の編集が終わり、【index.html】を開いて正常に表示されているのを確認したのですが、アップロードするとなぜかその画面が開かずに、「SimpleViewer requires JavaScript and the Flash Player. Get Flash.」と出てしまいます。しかも背景の色も初期設定の色ですし、もう一つ同じSimple viewerで作った別のやつをアップロードしても全く同じものが出てしまうんです。なんででしょうかー??泣 -- [[ちゃい]] &new{2008-11-16 (日) 20:13:01};
- Get Flashって書いてあるのでFlashを入れてあげればいいんじゃないでしょうか -- [[hrmz]] &new{2008-11-16 (日) 22:53:03};
- flashは入ってまして、見れる環境にはありますし、そのファイルをサファリで見て確認しても見れるんですけど、アップロードをするとその画面しか出てこなくなっちゃうんです。ファイルがおかしいんでしょうか??汗 -- [[ちゃい]] &new{2008-11-17 (月) 23:37:08};
- flashのバージョンは8以上みたいですが該当してますか?「そのファイルをサファリで見て確認しても見れる」そのファイルって何ですか? -- [[hrmz]] &new{2008-11-18 (火) 10:42:40};
- サムネールの方のフレームの線幅等を変える事は出来ますか? -- [[ (..; ]] &new{2008-12-20 (土) 08:40:44};
- このページを見て参考させて頂きありがとうございます。早速なんですが「SimpleViewer requires JavaScript and the Flash Player. Get Flash.」と表示されるのですが前の方は解決したのでしょうか。宜しくお願いします。 -- [[masa]] &new{2008-12-22 (月) 06:41:43};
- 一つ質問させてください。同じ写真を用いたギャラリーに、日本語のみと英語のみそれぞれ別のキャプションのついたページを二つ用意したいと思うのですが、英語用のindexen.html(以下A)とgalleryen.xml(以下B)を同じフォルダに作り、Aの内容を【//fo.addVariable("xmlDataPath", "galleryen.xml");】(45行目)と書き換えてもBを参照してくれません(参照されるのはもとのgallery.xml)。スクリプトの知識が乏しく恐縮ですが、ご教授いただけると助かります。 -- [[たろう]] &new{2008-12-28 (日) 13:17:32};
- foの前の「//」は実際に入っているのしょうか?>たろうさん  -- [[hrmz]] &new{2009-01-09 (金) 13:28:56};
- 背景の色を透明にすることは可能でしょうか?"背景色を変更する"にある部分を"transparent"に変えても緑色になってしまったので、無理かなとも思いますが… -- [[みやの]] &new{2009-02-14 (土) 20:20:53};
- みやのさんがやってみた通りダメっぽいですね -- [[hrmz]] &new{2009-02-17 (火) 16:53:54};
- 上記のたろうさんと同じ状態ですかね?。gallery.xmlという名前のファイルしか読んでくれません。 -- [[ぬー]] &new{2009-05-14 (木) 16:31:05};
- 「Download PHP versionから」に行けません。 -- [[ろろ]] &new{2011-04-09 (土) 13:25:33};
- 最新バージョンはこちらを参考にして下さい。[[WebTools/フォトギャラリー/simpleviewer2]] -- [[hrmz]] &new{2011-04-13 (水) 18:48:28};