Juicebox

Pocket つぶやくシェアツイートブックマーク

HTML5 で動作するフォトギャラリーを一発生成！「Juicebox」。

Juicebox

スクリーンショット

制作者　Juicebox

対応　XP/Vista/7/8

Lite

Flash 未使用の HTML5 なフォトギャラリーを作成することができるソフト。
ドラッグ＆ドロップで放り込んだ画像ファイルを元に、HTML5 で動作する美しいフォトギャラリーを一発生成できるようにしてくれます。
難しい設定を全く必要とせずに使えるシンプルなソフトです。

「Juicebox」は、HTML5 なフォトギャラリーを作成することができるソフトです。
ドラッグ＆ドロップで登録した画像ファイルを元にして、モダンでスタイリッシュなフォトギャラリーを作成することができる... というシンプルなギャラリービルダーです。
デモギャラリー　デモギャラリー 2　デモギャラリー 3
操作は、基本的に

素材画像をドラッグ＆ドロップ
ギャラリーのタイトルを決める

だけなので超簡単。
（もちろん、ある程度オプション設定を行うこともできる）
作成されたギャラリーはFlash なしで動作するため、Flash に対応していないデバイス上でも見れるようになっています。
尚、フリー版（Juicebox Lite ）には、

1 つのギャラリー内で使用できる画像は、50 枚まで
ギャラリーの右下隅に、Juicebox のロゴ＆リンクが表示される

という制限があるので注意。

使い方は以下のとおりです。
このソフトを使用するには、「Adobe AIR」をインストールしている必要があります。
（「Adobe AIR」をインストールしてから、「JuiceboxBuilder-Lite.air」をインストールする）

「JuiceboxBuilder-Lite.exe」を実行します。
画面中央の「New Gallery」ボタンをクリック※1。
1 「Open Gallery」ボタンを押すことで、既存のギャラリーを開く（再編集）することもできる。
（「フォルダの参照」ダイアログが表示されるので、ギャラリーが入っているフォルダを選択する）

素材画像の設定

画面左の「DROP IMAGE HERE」という部分に、素材画像をドラッグ＆ドロップします。
必要に応じて、左下の「Image Size」欄で
- Resize Images　-　（大きい画像を）リサイズする
といったオプションを設定しておきます。
2 オリジナル画像の横 / 縦辺のうち、長い方がここで指定したサイズにリサイズされる。
（もう一方の値は、自動的に決定される）
画面右側に、素材画像がリスト表示されています。
このままでもOK ですが、画像のタイトル / キャプションを設定しておいてもよいでしょう※3。
3 画像のタイトルは、ファイル名の部分を編集することで設定できる。
キャプションは、「Caption」という行で編集することができる。

ギャラリーの設定

画面上部の「Customize」というリンクをクリック。
ここで、
- Gallery Title　-　ギャラリーのタイトル
- Gallery Width　-　ギャラリーの横幅
- Gallery Height　-　ギャラリーの高さ
- Background Color　-　背景色
- Opacity　-　背景の透明度※4
- Show Open Buttom　-　「画像を、新しいタブで開く」ボタン（）を表示する
- Show Expand Button　-　「フルスクリーンで表示」ボタン（）を表示する※5
- Show Thumbs Button　-　「サムネイルの表示 / 非表示」ボタン（）を表示する
といったオプションを設定しておきます。
4 0 ～ 10 の間で指定する？模様。
数値が小さくなるほど、透明度が高くなる。
5 このボタンは、ギャラリーサイズを 100% 未満にした場合に表示される。
（ 100% の時は表示されない）

ギャラリーを出力

画面上部の「Publish」というリンクをクリック。
ここでは、
- Gallery Folder　-　ギャラリーの出力先フォルダ
- Index Page Name　-　インデックスページのファイル名
- View in Browser　-　完成したギャラリーを、ブラウザで開く
といったオプションを設定して「Save」ボタンをクリックします。
すると、指定しておいたフォルダ内にイメージギャラリーが出力されます。
あとは、このフォルダごとサーバーにアップロードすればOK です。