Home > buslog > buslog Gallery、グレードアップしました

buslog Gallery、グレードアップしました

2007-01-26 (金)
buslog
buslog | Google | Picasa | 写真

Googleが提供してるPicasa（ピカーサ）というソフトがあります。直感的に画像を管理できて、簡単な編集もこなす無料のソフトです。

このソフトにウェブアルバム作成機能があります。これがまたサクサク作ってくれる上にできあがったアルバムの操作感がグッド！　クリックだけでカチカチ進んでいけます。

buslog Galleryの使いにくさは前々から改善したかったので、ちょろっと調べてみました。

どうやらPicasaの生成するウェブアルバムは、テンプレートを読み込んで作る仕組み。となるとテンプレートのカスタマイズ方法や製作例、もしくは配布してるテンプレートが紹介されてるはずですなー、と探してみると、Flashを使ったクールなアルバムが作れるSimple Viewerなんてのを見つけられました。

FlashはもうYahoo!のトップページの広告にも使われるくらいインストール率が高いのでだいじょうぶでしょう。

このSimple Viewerの素晴らしいところは、画像を先読みしていってくれるところじゃないでしょうか。最初の画像が表示されつつもバックグラウンドではアルバム全ての画像をダウンロードしてくれてるので、サーバが遅かったり回線が細かったりしても今までよりは遥かに快適だと思います。

Picasa用のテンプレートはこちらにありました。そのままでも全く問題ありませんが、一部を少し和風に変更します。

まずは文字コードがiso-8859-1とかいうやつなので、UTF-8に変更。indexTemplate.htmlを開き、


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

にし、テンプレート自体の文字コードもUTF-8にしました。

さらにFlash Playerがインストールされてないブラウザからのアクセスに対してのアナウンスをニホンゴに。ダウンロード先もhttp://www.macromedia.com/go/getflashplayer/からhttp://www.adobe.com/go/getflashplayer/に変更します。


<div id="flashcontent"><p>ギャラリーをご覧になるには、<a href="http://www.adobe.com/go/getflashplayer/">Adobe社のFlash Player</a>が必要です。インストール済みの場合は、<a href="index.html?detectflash=false">こちらからギャラリーへどうぞ。</a></p></div>


<?xml version="1.0" encoding="UTF-8"?>
<simpleviewerGallery maxImageHeight="1024" maxImageWidth="1024" textColor="0xFFFFFF" frameColor="0xffffff" frameWidth="20" stagePadding="40" thumbnailColumns="3" thumbnailRows="3" navPosition="left" title="<%exportDescription%>" enableRightClickOpen="false" backgroundImagePath="" thumbPath="thumbnails/" imagePath="" >

としておきました。このテンプレートとPicasaでウェブアルバムを作ります。

テンプレートを、Picasaをインストールしたフォルダ内にある web/templates/ フォルダにコピーします。（通常は C:/Program Files/Picasa2/web/templates/ ）
Picasaから、ウェブアルバムを作りたいフォルダを選んで右クリックから「HTMLページとしてエクスポート」を選びます。
適当なサイズを選び、タイトルを決め、画像の保存先を指定、次の画面でテンプレートを選んで完了。