
デジカメで撮った写真をホームページで公開したり、イラストや作品のギャラリーを作りたいなーという人に最適なサイトがあったのでメモ。
…というより自分が↑のような事をやろうと思っていたので、このサイト(ツール)を見つけた時は、即ブクマして即ダウンロードしました!
シンプルだからこそ魅力的だった
キッカケはイラストレーターの
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" / ギャラリーのタイトル
日本語を使用する場合には文字コードの変更をお忘れなく!
■補足上手く表示出来ない、よく分からないといった問い合わせをいくつか頂きましたので追加説明が必要な方はこちらを参照してみて下さい。
simpleviewer 説明書ベータ版.txt