『 Picasa HTMLテンプレート 』 の検索中にこのブログに立ち寄られる方がいらっしゃるようなので、いままで取り上げた HTMLテンプレートの一覧、そのテンプレートに関しての投稿一覧、Demo ページなどをわかりやすくまとめました。

Picasa とは? HTML テンプレートとは?

Picasa とは?
Google が無料で配布している 「写真を簡単に整理、検索、編集、共有」 するためのソフトです。

HTML テンプレートとは?
Picasa を使って簡単にスライドショーや Photo Gallery のWEB ページが作れるテンプレートです。ほんの数クリックでWEB ページに必要なファイルをエクスポートすることができます (なかには簡単じゃないものもアリ)

関連する投稿一覧

お探しの 『 Picasa HTML テンプレート 』 へジャンプ

AutoViewer | SimpleViewer | Juicebox New!! | 3D Carousel | Lightbox | ImageFlow | Cooliris | Highslide JS ver.4 | Flash Page Flip Gallery | Megazine 3 | DfGallery 1.0 | jQuery Tools Overlay | VR5 Pano

AutoViewer

Autoviewer Demo

Demo Download

サムネイルなしのシンプルなスライドショー。自動再生、手動再生どちらも可能。

この AutoViewer を使ったテンプレートに関連する投稿一覧


SimpleViewer

SimpleViewer Demo

Demo Download

サムネイルと拡大画像が同一ページ上にあるスライドショー。手動再生のみ。

この SimpleViewer を使ったテンプレートに関連する投稿一覧


Juicebox

Demo Download

SimpleViewer とほぼ同等の機能を持っているフォトギャラリーですが、Juicebox は HTML5 で動作するので iPhone、iPad でも閲覧可能です。

この Juicebox を使ったテンプレートに関連する投稿一覧


3D Carousel

3D Carousel Demo

Demo Download

スライドショーと言うよりも、アイコンなどを回転させて WEB ページ内でナビゲーション的に使ったほうがよさそうなFlash。Demo では画像をクリックするとその画像が別ウィンドウで表示されてしまいますが、XML を編集して任意のサイトへリンクを貼ることも可能です。
東南アジアのリゾートホテル写真集のトップページ ではそういった使い方をしています。

この 3D Carousel を使ったテンプレートに関連する投稿一覧


Lightbox

Lightbox Demo

Demo Download

閲覧しているページ上にオーバーレイをかけてページ遷移することなく写真を拡大できるスライドショー。見飽きた感があるといえばありますが、横位置の画像、縦位置の画像を違和感なく表示できて、キャプションを入れられるということで個人的に気に入っています。Picasa でエクスポートしたものではありませんが 東南アジアのリゾートホテル写真集 でも Lightbox をカスタマイズして使用しています。 現在は Fancybox を使用しています。

この Lightbox を使ったテンプレートに関連する投稿一覧


ImageFlow

ImageFlow Demo

Demo Download

iTunes 風の Flash ページを作ってくれるテンプレート。

この ImageFlow を使ったテンプレートに関連する投稿一覧


Cooliris (PicLens)

Cooliris Demo

Demo Download

ブラウザ (IE や Firefox) に Cooliris (アドオン) がインストールされているとクールに写真が閲覧できるテンプレート。アドオンが無くても閲覧できますが、アリとナシではインターフェースがまったく違います。上の画像はナシのインターフェースのキャプチャ画像。

この Cooliris (PicLens) を使ったテンプレートに関連する投稿一覧


Highslide JS ver.4

Highslide JS Demo

Demo Download

Highslide JS Demo

Demo Download ← 長方形サムネイル版 (自作テンプレート)

Highslide JS Demo

Demo Download ← v4.1.8 Gallery 版 (自作テンプレート)

Highslide JS はかなり高機能なスライドショーを実現できます。このブログの投稿内でも写真を拡大してポップアップさせるリンクや HTML ページのポップアップにこの Highslide JS を使用しています。

この Highslide JS を使ったテンプレートに関連する投稿一覧


Flash Page Flip Gallery

FlashPageFlipGallery Demo

Demo Download

Page Flip (デジブック) のWEB ページを簡単に作れるテンプレート。
個人的には下の MegaZine 3 のほうが高機能でつくりもカッコイイと思います。

この Flash Page Flip Gallery を使ったテンプレートに関連する投稿一覧


Megazine 3

MegaZine 3 Demo

Demo Download (自作テンプレート)

MegaZine 3 Demo

Demo Download (キャプション入力可能. 自作テンプレート)

Page Flip (デジブック) のWEB ページを簡単に作れるテンプレート。
エクスポートされた状態でもじゅうぶん高機能なページフリップ Engine ですが、XML を編集することでかなりいろいろなことが出来ます。

この Megazine 3 を使ったテンプレートに関連する投稿一覧


DfGallery 1.0

なかなかカッコイイ Photo Gallery なのですが、難点はキャプションの文字が小さいこと。アルファベットだと読めますが、画数の多い漢字が入ってくるときびしいです。
なお、この HTMLテンプレートでエクスポートできるのは gallery.xml のみです。エクスポート後に細かい編集作業が伴うので初心者にはちょっとムズカシイかもしれません。チャレンジされる方は後述の 「このテンプレートに関連する投稿一覧」 をすべてお読みください。
同じ作者が作った DfGallery 2.0 という Gallery のほうがグレードが高いのですが、データベースを利用しサーバー環境もかなり限定されるのでそちらは一筋縄ではいきません。

DfGallery 1.0 Demo

Demo (注意・音アリ) Download (自作テンプレート)

この DfGallery 1.0 を使ったテンプレートに関連する投稿一覧

おまけ:DfGallery 2.0 に関連した投稿一覧


jQuery Tools Overlay

jQuery Tools Overlay :: Demo

Demo Download (自作テンプレート)

Lightbox 系の Photo Gallery。
拡大写真の背景は薄いグレーのオーバーレイが掛かるのでさわやかな感じがします。写真周りに表示されるグラデーションも印象的。写真上にマウスカーソルを移動しないとキャプションが表示されない作りになっています。Arrow Key (矢印キー) による操作も可能です。

この jQuery Tools Overlay を使ったテンプレートに関連する投稿一覧


VR5 Pano

iOS (iPad、iPhone) で全周パノラマ写真 (360度パノラマ写真) を閲覧するためのスクリプトを Picasa でエクスポートしてしまおうという HTML テンプレートです。
ある程度、パノラマ写真の知識が必要になります。

Demo Download

上記の Demo にパソコンでアクセスした場合は Flash を利用したパノラマ写真が表示されます。
ダウンロードしたテンプレートに VR5 Pano 本体は含まれていません。VR5 Pano のダウンロードは作者のサイトからダウンロードしてください。

» VR Habitat | Vr5

このVR5 Pano を使ったテンプレートに関連する投稿一覧


リンク切れ、リンクミスなどありましたら、コメントして下さい。 :aisatsu:

。。。まとめるだけなので簡単かと思ったら半日かかってしまった :ase: