[BetterHTMLExport]書き出し用テンプレート

BetterHTMLExportはUTF-8をサポートしていません。
iPhotoからのWEBページ書き出しならこちらの記事を先にどうぞ
[LINK]

こちら
【[BetterHTMLExport]iPhoto書き出し【prettyPhotoテンプレート】: [FORCE]】[LINK]
を
prettyPhoto3化したので公開
インストール方法等も上記の記事を参考にしてください。
【jQuery lightbox for images, videos, YouTube, iframes Stéphane Caron – No Margin For Errors】[LINK]
prettyPhoto3化したので
あまり写真点数の多い物には向かないが
オプションSingle imageを使えば
まぁ
今どおりにも使える

オプションによっての見栄えの違い

最後の記述を変更する事で見栄えも変更できます。

dark_rounded[LINK]

dark_square[LINK]

facebook[LINK]

light_rounded[LINK]

light_square[LINK]

prettyPhoto3へのアップデートに伴い
jqueryも1.3.2になっています。

jqueryはgoogleから呼び出していますので
イントラ環境で使う場合は書き換えてください

テンプレートファイルはこちら

「prettyPhoto3.zip」をダウンロード[Download]

ライセンスはjquery.prettyPhotoを利用していますので[Attribution 2.5]になります。
【Creative Commons — Attribution 2.5 Generic】[LINK]

 
jquery.prettyPhotoのオプション設定等は
こちらに解説を書きました。
【[prettyPhoto3]ステップbyステップ【prettyPhoto3の導入】: [FORCE]】[LINK]
参考にしてください

[BetterHTMLExport]書き出しテンプレート

BetterHTMLExportはUTF-8をサポートしていません。
iPhotoからのWEBページ書き出しならこちらの記事を先にどうぞ
[LINK]

BetterHTMLExport[LINK]を使って
iPhotoから書き出しします。

jquery.prettyPhoto[LINK]を使ったテンプレート作成して
lightbox風なHTML書き出しをします。

テンプレートはこちら「prettyPhoto.zip」[LINK]

ライセンスはjquery.prettyPhotoを利用していますので[Attribution 2.5]になります。

書き出しサンプルはこちら[LINK]

BetterHTMLExportのテンプレートは
UTF８がダメなようなので
SJISで書き出されたデータをJEDITX等でUTF８に変換して
日本語を通します。

jquery.prettyPhotoやJQUERYがUTF8なので
まぁ
UTF8にしないとダメですね。

◆BetterHTMLExportをインストール
◆テンプレートをインストール
◆iPhotoアルバムデータを用意
◆書き出し
◆書き出し後htmlファイルをUTF8に変換
◆出来上がり

の手順になります。

◆BetterHTMLExportをインストール
geeksrus[LINK]から
対象のバージョンのプラグインをダウンロードします。

インストールはそのまま簡単です。

 
◆テンプレートをインストール

こちら「prettyPhoto.zip」をダウンロード[LINK]のテンプレートをダウンロードしてください。

解凍後
自分のホームディレクトリ→ライブラリに
『BetterHTMLExport』フォルダを作成

『templates』フォルダ内に
解凍したprettyPhotoフォルダを移動します。

 
◆iPhotoアルバムデータを用意

BetterHTMLExportは
『アルバム』または『選択写真』単位での書き出しですので
基本的には書き出し用『アルバム』を作成して
写真やコメントを準備します。

◆書き出し

自分か設定した設定値を参考にしてください。

『Page』

１PAGEに収まるようにします。
背景は白にして
テンプレートをprettyPhotoに設定します。

『Thumbnails』

サムネイルのサイズが
出来上がりの
↓この幅になります

『images』

↑ここで設定した幅は
↓表示サイズになります

『Option』

ここはこんな感じで

『Custom』

広告差し込みようのエクストラタグを用意していますが
10.6+iPhoto09の組み合わせでは
ちゃんと動作しません

設定出来たら書き出します。

◆書き出し後htmlファイルをUTF8に変換

書き出されたhtmlファイルを
UTF8に変換して
上書き保存します。

◆出来上がり

出来上がりサンプルはこちら[LINK]

この方法なら簡単に
ライトボックス風な
フォトアルバムが簡単にできますね。

参考にしてください。

テンプレートの中には
使われないイメージファイルも含まれていますが
prettyPhotoのオプション用の画像ですので
ご容赦くださいまし。

 
jquery.prettyPhotoのオプション設定等は
こちらに解説を書きました。
【[prettyPhoto3]ステップbyステップ【prettyPhoto3の導入】: [FORCE]】[LINK]
参考にしてください