2008/02/22(金)
デジカメで撮った写真をホームページで公開したり、イラストや作品のウェブギャラリーを作りたいなーという人に最適なサイトがあったのでメモ。
…というより自分が↑のような事をやろうと思っていたので、このサイト（ツール）を見つけた時は、即ブクマして即ダウンロードしました！
個人・商用無料「Simple Viewer」の使い方とカスタマイズ方法は以下から。
シンプルだからこそ魅力的だった
キッカケはイラストレーターのJUNAIDAという方のサイトを見ていた時、ギャラリーに使われているFLASHの操作感がとても良くて、サクサク観れてちょっと感動した。
とにかく動作が軽い事、シンプルで分かりやすい事、スクロールホイールでページをめくれるので、作品を見る事に集中出来る事（ポインタ合わせやクリックが必要ない）全てにおいて気に入ってしまった。
最近やたら凝ったFLASHで見た目は凄いんだけど重たいサイト、フルFLASHで目新しいがゆえに何をしていいのか分からないサイトが多いなか、これは逆にシンプルだからこそ素晴らしいと感じてしまった！
さすが大手は違うな（JUNAIDAさんはAMUSE所属）と思っていたら、サイト下段にリンク発見！！
これは！！ と思いクリック！
で、行き着いたのがSimple Viewerでした！
使い方は簡単
・ダウンロードしたらフォルダを展開します。
・【images】フォルダに画像ファイルを入れます。
・【images】フォルダの画像のコピーを【thumbs】フォルダにも入れます。
thumbsフォルダ内がサムネイル画像になります。違うものを入れてもOKです。
・【gallery.xml】ファイルを開いて、下記の内容を編集
<image>
<filename>115-1503_IMG.jpg</filename>
<caption>Caption 1</caption>
</image>filename内が画像のファイル名で、captionが題名です。
これを表示させたい順番に並べます。
・【gallery.xml】の編集が終わったら【index.html】を開いてみて下さい。
・無事に表示されたらアップロードして完成です！
─────────────────────────
たったコレだけでシンプルで使いやすいギャラリーの完成です！
他にも色々なFLASHが紹介されていますよ！お試しください。
■Simple Viewer ダウンロードページ
■JUNAIDA公式サイト
カスタマイズ
カスタマイズしたい方は【gallery.xml】の下記の部分を編集してください。
maxImageWidth="ピクセル値" ／ 画像の横幅最大値
maxImageHeight="ピクセル値" ／ 画像の縦幅最大値
textColor="0xFFFFFF" ／ 文字色
frameColor="0xffffff" ／ 枠線の色
frameWidth="20" ／ 枠線の幅
stagePadding="40" ／ ナビと画像の余白
thumbnailColumns="3" ／ 横に幾つ並べるか指定
thumbnailRows="3" ／ 縦に何列並べるか指定
navPosition="値" ／ ナビゲーションの位置 "left, right, top, bottom"
title="SimpleViewer Title" ／ ギャラリーのタイトル
maxImageHeight="ピクセル値" ／ 画像の縦幅最大値
textColor="0xFFFFFF" ／ 文字色
frameColor="0xffffff" ／ 枠線の色
frameWidth="20" ／ 枠線の幅
stagePadding="40" ／ ナビと画像の余白
thumbnailColumns="3" ／ 横に幾つ並べるか指定
thumbnailRows="3" ／ 縦に何列並べるか指定
navPosition="値" ／ ナビゲーションの位置 "left, right, top, bottom"
title="SimpleViewer Title" ／ ギャラリーのタイトル
日本語を使用する場合には文字コードの変更をお忘れなく！
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />↓<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />■補足
上手く表示出来ない、よく分からないといった問い合わせをいくつか頂きましたので追加説明が必要な方はこちらを参照してみて下さい。
simpleviewer 説明書ベータ版.txt
↑テキストファイルです。
関連記事
日本語対応FLASHウェブギャラリー「TiltViewer」の使い方！
新着記事
| このブログにリンクを貼った記事内容で、お気軽にトラックバックを送って下さい。 | |
| FC2 | FC2ブログユーザー簡単トラックバック |
| URL： | |
カレンダー
月別アーカイブ
タグキーワード
プロフィール
管理人：LOSTMAN
東京でウェブディレクターをやっています。独学で楽しみながら興味や想いをブログにしていきます。
■関連ページ
├ブックマーク
├LOSTMANの本棚
└たまに映画レビュー
最近のコメント
- LOSTMAN@管理人:携帯サイト用３キャリア対応XHTMLテンプレートで中小規模のサイトを作る！ (11/14)
- LOSTMAN@管理人:謎のサイト「KillWithMe.com」をやってみて欲しい。 (11/14)
- かさっぴー:謎のサイト「KillWithMe.com」をやってみて欲しい。 (10/16)
- nana:携帯サイト用３キャリア対応XHTMLテンプレートで中小規模のサイトを作る！ (07/28)
- 名無し:"さしいょ"と"さいご"で普通に読めてしまう凄いコピペ (05/29)
- LOSTMAN＠管理人:携帯サイト用３キャリア対応XHTMLテンプレートで中小規模のサイトを作る！ (02/01)
- Naka:携帯サイト用３キャリア対応XHTMLテンプレートで中小規模のサイトを作る！ (01/18)
最近のトラックバック
テンプレート ： LOSTMAN
FC2ブログ
FC2ブログ