PhotoBlox

PhotoBloxはブログのテンプレートやウェブページに埋め込むだけで、効果的な画像表示が出来るインターネットアプリケーションです。最新のバージョンであればどのブラウザからでも表示することが出来ます。XML形式の外部ファイルを編集すれば、以下のことが可能になります。

  • 好きな写真を優れた特殊効果と共にウェブページに表示できます
  • 特殊効果のスピードやパンの仕方、ズーム、画像の枠や注釈のカスタマイズができます
  • クリエイティブコモンズライセンスを設定して、あなたの写真の使用権を定義できます
  • スライドショーの間にBGMとして流す音声をMP3ファイルとして指定できます

Laszlo Systems社は実験的目的と非商用での使用に対してはPhotoBloxを無料で提供します。もしPhotoBloxが気に入ったら、あなたのブログで紹介して、このアプリケーションを開発したLaszlo社の評判を高める手助けをして下さい。PhotoBloxを利用するためには、画像作成とHTMLの知識が必要です。PhotoBloxのソースコードApacheオープンソースライセンスと同一条件で自由に改変が出来ます。

PhotoBloxをブログやウェブページに埋め込む

2つのスクリプトをコピーするだけで、PhotoBloxをあなたのウェブページやブログテンプレートに埋め込むことができます。スクリプトの1つはheader部分に、もう1つはbody部分にコピーします。以下の3つのサイズのサンプルページを開いて、HTMLソースを確認してください。以下のソースは最も単純な埋め込み例です。

横180ピクセル・縦300ピクセルのPhotoBlox

横480ピクセル・縦480ピクセルのPhotoBlox

横800ピクセル・縦600ピクセルのPhotoBlox

ソースコードを見ればどのようにしてPhotoBloxを設置すればいいかが分かると思います。スクリプトを見つけるためには、ソースコードの中から「<!-- photoblox -->」という文字列を探してください。

PhotoBlox構成ファイルをカスタマイズする

もしあなたがXMLファイルをテキストエディター(メモ帳やTeraPad、秀丸など)を使って編集するのに尻込みせず、またファイルをウェブサーバー(GeoCitiesやトライポッドで十分です)にアップする方法が分かるなら、PhotoBloxの設定はもっと面白くなるはずです。PhotoBloxは以下のような手順でカスタマイズが可能です。

  1. デフォルトのXMLファイルをテキストエディター(メモ帳やTeraPadなど)で修正してください
  2. ネットに接続されたウェブサーバーに修正したXMLファイルをアップしてください(ファイル名は何でもかまいません)
  3. body部分に貼り付けたスクリプトのURLパラメータの場所に、エンコードしたXMLファイルのURLを指定してください

使用例はこちらです

修正されたPhotoBloxスクリプト | URLパラメータとして指定されたXMLファイル

PhotoBloxのXMLタグの設定ルールはデフォルトのphotobloxdata.xmlファイルの中のコメント部分にあらかじめ書いてあります。PhotoBlox構成ページでは、XMLファイルのカスタマイズ結果をプレビューすることが出来ますので、あなたの思った通りの設定にするお手伝いが出来ると思います。PhotoBlox構成ページの一番下に修正された設定のXMLタグが表示されますので、コピーしてXMLファイルの該当箇所に貼り付けてください。

重要:スクリプトのURLパラメータにURLを埋め込む際には、あらかじめURLをエンコードする必要があります。エンコードされたURLの例を見るには上記の使用例のソースをご覧下さい。エンコードはAlbion Researchのフォームを使って行うことが出来ます。

ポップアップウインドウにPhotoBloxを表示させる

ページの中に埋め込む以外にも、ポップアップウインドウの中にPhotobloxを表示させることも出来ます。こちらがその例です:

よくある質問:

  • 必要とされるクライアントのスペック:PhotoBloxの閲覧者はブロードバンド回線、Pentiumの400MHzと同等かそれ以上のCPU、128MB以上のメモリ、Version 5以上のFlash Playerが使用できる最新のウェブブラウザが必要になります
  • 画像:PhotoBloxはJPEG、GIF、PNG、SWF形式の画像ファイルを表示することが出来ます。快適なパフォーマンスを得るためには、100KB以下に圧縮されたファイルを推奨します
  • XMLファイル作成のためにXML認知型テキストエディターを使用する場合:XML認知型テキストエディターを使ってPhotoBloxのデータファイルを作成する場合は、PhotoBlox XMLスキームを参照すれば容易に作成が出来ます。
  • MP3ファイルを追加する場合:閲覧者へのパフォーマンスを最大にするためには、MP3ファイルのエンコーディングレイトを低く抑えてください(固定データレイトで50kbps程度に)。LaszloアプリケーションとFlash Playerを使用した音声ファイルの使用制限の詳細はSoundbloxのページを参照してください
  • 最初の読み込みと実行の遅れ:PhotoBloxの表示は、画像の数が10枚程度で、サイズが100KB以下に圧縮された場合に最高のパフォーマンスを発揮します。最初に画像を表示させる時は、画像をキャッシュするためにPhotoBloxサーバーに転送しますので通常よりも時間がかかります。あなたのページを見に来る人が快適にPhotoBloxを表示できるように、新しいギャラリーを追加した時は事前にキャッシュさせることをおすすめします

既知の問題点

  1. Mac OS XのInternet Explorer 5.2ではPhotoBloxは表示出来ません。Safariでは表示できます
  2. Linuxユーザー:Linux用Flash 5 Playerはパフォーマンスがよくありません。Flash 6にアップグレードするとパフォーマンスが改善します

困った場合

Blogboxサポートフォーラムをご利用下さい。



ご感想

BlogBloxフィードバックにご感想をお寄せ下さい。



サポート

BlogBoxお助け掲示板

Laszlo Systems社


その他のBlogboxアプリケーション

SoundBlox

WeatherBlox

ClockBlox

LinkBlox

BlogBox


紹介してくれたブログ

Bub-Site

Nakahara21

Osamu

Logicalyze

Toyko De Date

Harabos

Yukiya

hareruya

Carmel Vanilla

GePlog

VJ Cat Kick

Yostos

Kawa

E Doctor

Sushi-Fan

Mamma

H & A

Miguchi Architect

Nobushi

Wezenloos

Too Cheap

Blog Eat Blog Fragile Y

Learning Movable Type

Slam Log

Informational Effluence

Gree

Ichiro-U

StarGeek

Black Comet Club

Sub Rosa

Hobb's News

Jordan Cooper

Jason Edgecombe

Pepperdepep

PenPenPalm

Digital Media Minute

Take It Easy

Alan Levine

Bene Diction

Marc Canter

Eric Kilkenny

Lawrence Beedle

Winter Runner

Psychedelic Vivian

From Shun

Takeshi

Porreta

Random Reflection

Icy Dog

Narunara

Osaka Narrow

Big Kahuna Burger

Dr Dreff

Wavesliding, South FL

Sou, Japan

Trying, Japan

Air Nifty Blog, Japan

Kunikatsu, Japan

Scott Rettberg

Biffa Digital

M.T. Hart

flex-mx.com

Grokwel

Pedro Fonseca

Scott Rettberg

Corcoles.net

Digital Media Minute

Nia's Box

Dan Tripp

@Nift's Cocolog, Japan

Ian Yorston, United Kingdom


情報共有しよう

PhotoBloxを使っていますか?
Laszlo社までお知らせ下さい



注:このページはLaszlo PhotoBloxのページBUB-SITE.comが日本語に翻訳したものです。その際に、日本向けに一部内容の修正を行ったり、意図的に誤訳している部分があります。ご了承下さい。