180style wiki
WebTools/フォトギャラリー/simpleviewer2
をテンプレートにして作成
開始行:
#contents
*SimpleViewer [#u76c2a96]
-http://www.simpleviewer.net/simpleviewer/
-flash/HTML5で実装されているフォトギャラリー
-flashがなくても利用できる様になった。
-Standard版（無料）は50枚までしか画像が表示できなくなった...
**スクリーンショット [#mb8608fc]
標準(MODERN)スタイル
#ref(./sv2-modern.jpg,44%)
コンパクト(COMPACT)スタイル
#ref(./sv2-compact.jpg,46%)
**動作環境 [#y83f59ac]
-flashプラグイン もしくは HTML5をサポートしたブラウザ
**セットアップ環境 [#y223077f]
[[@niftyホームページサービス>http://homepage.nifty.com/]]~
SimpleViewer v2.1.2~
**インストール [#ue7494b2]
http://www.simpleviewer.net/simpleviewer/
（Downloadのボタンから）
-上記からsimpleviewer.zipをダウンロードしてきてローカルＰ...
-自分のサーバのドキュメントルートにsimpleviewerディレクト...
-作ったsimpleviewerディレクトリにzipを解凍してできたwebフ...
**画像の登録 [#u9d0f83d]
-好きな画像をimagesディレクトリにアップロード
-http://www.simpleviewer.net/simpleviewer/support/buildga...
&br;（2.Download BuildGallery にダウンロードリンクがある...
-buildgallery_sv.zipをダウンロードしたら解凍しておく。
-画像登録スクリプト（buildgallery.php）をサーバーのインス...
-画像登録スクリプト（buildgallery.php）を実行するとギャラ...
#ref(./buildgallery.jpg)
-下記のカスタマイズ可能な項目もある程度GUI（buildgallery....
**カスタマイズ [#ebd8aa84]
***ブラウザに表示されるタイトルを変える（タイトルバー） [...
index.htmlのtitleタグで囲まれた部分を修正する。~
日本語を使う場合はcharsetの指定やファイル自体を指定した文...
***背景色を変更する [#n08b6075]
index.htmlの13行目付近
SV.simpleviewer.load('sv-container', '100%', '100%', '22...
[[Webサイト制作関連/カラーパレット]]等を参考に好きな色を...
***ページの中のタイトルを変える [#q2a545d2]
gallery.xmlの最初の方にあるsimpleviewergalleryタグ内のtit...
***ナビゲーション（サムネイル画像リスト）の位置や数を変え...
gallery.xmlの最初の方にあるsimpleviewergalleryタグ内の
-thumbPosition ・・・ナビゲーションの位置を指定する&br;
"top", "bottom","left","right","none"が指定できる
-thumbColumns・・・サムネイルの列数
-thumbRows・・・サムネイルの行数
例えば
thumbPosition = "bottom" thumbColumns = "5" thumbRows = ...
と指定すると画像の下に横に１行５枚サムネイルが並ぶ
***ギャラリーのスタイルを変える [#y1d6ffb9]
gallery.xmlの最初の方にあるsimpleviewergalleryタグ内のgal...
-MODERN・・・標準のスタイル
-COMPACT・・・ブログ等に埋め込む為のスタイル。ナビゲーシ...
-CLASSIC - SimpleViewer v1.9 のスタイルらしい（矢印のデザ...
***画像フレームの色や太さを変える [#v547e358]
gallery.xmlの最初の方にあるsimpleviewergalleryタグ内の
-frameColor・・・フレームの色を指定できる。&br;
[[Webサイト制作関連/カラーパレット]]等を参考に好きな色を...
-frameWidth・・・フレームの太さを指定できる。（px）
***キャプション等のテキストの色を変える [#df0cac6c]
gallery.xmlの最初の方にあるsimpleviewergalleryタグ内のtex...
[[Webサイト制作関連/カラーパレット]]等を参考に好きな色を...
***「新規ウィンドウで開く」「フルスクリーンで再生」ボタン...
gallery.xmlの最初の方にあるsimpleviewergalleryタグ内の
-showOpenButton・・・「新規ウィンドウで開く」ボタン"true"...
-showFullscreenButton・・・「フルスクリーンで再生」ボタン...
***画像にキャプションをつける [#hc576330]
gallery.xmlに画像１枚毎にimageタグでくくられているので、...
<image imageURL="画像のパス" thumbURL="サムネイルのパス...
<caption><![CDATA[<a href="キャプションのリンク先（不...
</image>
**コメント [#g5228ee2]
- はじめまして。わかりやすく書かれているので、だいぶ参考...
- すみません、誤ってコメントボタン押してしまいました。カ...
- すいませんカテゴリー分けについてはできるか判らないです...
- 早速お返事ありがとうございます。そうなんですね…画像が50...
- おすすめソフトも見てみます。ありがとうございました -- [...
- １ディレクトリ＝１カテゴリにすればできるとは思いますが...
終了行:
#contents
*SimpleViewer [#u76c2a96]
-http://www.simpleviewer.net/simpleviewer/
-flash/HTML5で実装されているフォトギャラリー
-flashがなくても利用できる様になった。
-Standard版（無料）は50枚までしか画像が表示できなくなった...
**スクリーンショット [#mb8608fc]
標準(MODERN)スタイル
#ref(./sv2-modern.jpg,44%)
コンパクト(COMPACT)スタイル
#ref(./sv2-compact.jpg,46%)
**動作環境 [#y83f59ac]
-flashプラグイン もしくは HTML5をサポートしたブラウザ
**セットアップ環境 [#y223077f]
[[@niftyホームページサービス>http://homepage.nifty.com/]]~
SimpleViewer v2.1.2~
**インストール [#ue7494b2]
http://www.simpleviewer.net/simpleviewer/
（Downloadのボタンから）
-上記からsimpleviewer.zipをダウンロードしてきてローカルＰ...
-自分のサーバのドキュメントルートにsimpleviewerディレクト...
-作ったsimpleviewerディレクトリにzipを解凍してできたwebフ...
**画像の登録 [#u9d0f83d]
-好きな画像をimagesディレクトリにアップロード
-http://www.simpleviewer.net/simpleviewer/support/buildga...
&br;（2.Download BuildGallery にダウンロードリンクがある...
-buildgallery_sv.zipをダウンロードしたら解凍しておく。
-画像登録スクリプト（buildgallery.php）をサーバーのインス...
-画像登録スクリプト（buildgallery.php）を実行するとギャラ...
#ref(./buildgallery.jpg)
-下記のカスタマイズ可能な項目もある程度GUI（buildgallery....
**カスタマイズ [#ebd8aa84]
***ブラウザに表示されるタイトルを変える（タイトルバー） [...
index.htmlのtitleタグで囲まれた部分を修正する。~
日本語を使う場合はcharsetの指定やファイル自体を指定した文...
***背景色を変更する [#n08b6075]
index.htmlの13行目付近
SV.simpleviewer.load('sv-container', '100%', '100%', '22...
[[Webサイト制作関連/カラーパレット]]等を参考に好きな色を...
***ページの中のタイトルを変える [#q2a545d2]
gallery.xmlの最初の方にあるsimpleviewergalleryタグ内のtit...
***ナビゲーション（サムネイル画像リスト）の位置や数を変え...
gallery.xmlの最初の方にあるsimpleviewergalleryタグ内の
-thumbPosition ・・・ナビゲーションの位置を指定する&br;
"top", "bottom","left","right","none"が指定できる
-thumbColumns・・・サムネイルの列数
-thumbRows・・・サムネイルの行数
例えば
thumbPosition = "bottom" thumbColumns = "5" thumbRows = ...
と指定すると画像の下に横に１行５枚サムネイルが並ぶ
***ギャラリーのスタイルを変える [#y1d6ffb9]
gallery.xmlの最初の方にあるsimpleviewergalleryタグ内のgal...
-MODERN・・・標準のスタイル
-COMPACT・・・ブログ等に埋め込む為のスタイル。ナビゲーシ...
-CLASSIC - SimpleViewer v1.9 のスタイルらしい（矢印のデザ...
***画像フレームの色や太さを変える [#v547e358]
gallery.xmlの最初の方にあるsimpleviewergalleryタグ内の
-frameColor・・・フレームの色を指定できる。&br;
[[Webサイト制作関連/カラーパレット]]等を参考に好きな色を...
-frameWidth・・・フレームの太さを指定できる。（px）
***キャプション等のテキストの色を変える [#df0cac6c]
gallery.xmlの最初の方にあるsimpleviewergalleryタグ内のtex...
[[Webサイト制作関連/カラーパレット]]等を参考に好きな色を...
***「新規ウィンドウで開く」「フルスクリーンで再生」ボタン...
gallery.xmlの最初の方にあるsimpleviewergalleryタグ内の
-showOpenButton・・・「新規ウィンドウで開く」ボタン"true"...
-showFullscreenButton・・・「フルスクリーンで再生」ボタン...
***画像にキャプションをつける [#hc576330]
gallery.xmlに画像１枚毎にimageタグでくくられているので、...
<image imageURL="画像のパス" thumbURL="サムネイルのパス...
<caption><![CDATA[<a href="キャプションのリンク先（不...
</image>
**コメント [#g5228ee2]
- はじめまして。わかりやすく書かれているので、だいぶ参考...
- すみません、誤ってコメントボタン押してしまいました。カ...
- すいませんカテゴリー分けについてはできるか判らないです...
- 早速お返事ありがとうございます。そうなんですね…画像が50...
- おすすめソフトも見てみます。ありがとうございました -- [...
- １ディレクトリ＝１カテゴリにすればできるとは思いますが...
ページ名:
