PC/iPadに対応したフォトギャラリーテンプレートを作成しました。
Mootools、PowerTools、OOCSSを利用しています。
バージョンは1.0です。

Mootools Photo Gallery Template 1.0をダウンロードする

ギャラリーのメカニズム

ソースコードを改造する場合は、コードを読む前に下記の内容を一通り見てもらえると理解度が変わると思います。

この画像ギャラリーは下記のControl、Gallery、Controller、Serverの4つの構成で成り立っています。
各項目についての役割は下記の通りになっています。

コントロール(Control)

コントロールはギャラリー上でのイベントを監視し、ギャラリーに適切なコンテンツを要求します。
又、それに伴う表示の更新を行います。

ギャラリー(Gallery)

画像ギャラリーの機能を提供します。
具体的な処理はコントローラーに委譲します。

コントローラー(Controller)

コントローラーは画像コンテンツの最適化、画像の切り替えの制御などの画像ギャラリーのすべての処理を行います。
コンテンツの最適化はWebサーバーにAHAHを利用して要求します。

サーバー(Server)

サーバーはコントローラーからの要求を受け取り、適切な画像コンテンツを応答として返します。
画像コンテンツはHTMLの断片です。

テンプレートの今後

今後はテンプレートのバグを修正しつつ、サーバーの処理部分をPHPのコードに置き換えたいと思います。
特定のディレクトリに画像をアップロードすると、サーバーサイドで画像を最適するようにしたいです。
最終的にはテンプレートではなくなります。