Ajaxライブラリ

イメージの表示

画像がたくさんある場合にそれら画像を美しく、また、楽しく見せられるそんな方法がAjaxプログラムで多数公開されています。ここでは、FHWの実績画像を使用して、様々な方法で画像の一覧を表現してみます。

Lightbox2（prototype系）

FHW demo｜解説：マイコミジャーナル｜official｜official demo
Ajaxを使った画像表示の王道「Lightbox2」。prototype系プログラム。単独表示だけでなく、複数の画像をグループ化して連続したスライドとして見せられるのが特徴。また、画像が表示される際のエフェクトは一見の価値あり。

FrogJS（prototype系）

FHW demo｜解説：マイコミジャーナル｜official
※IE6以上、Firefox 2.0以上、Safari 2.0以上、Opera 9.1以上。Opera 9.02では既知の問題あり。
左右に画像が流れるタイプ。他の画像表示プログラムと比べてシンプルな作り。

Glider（prototype系）

FHW demo｜解説：マイコミジャーナル｜official｜official demo
※MacOS X版Safari使用時に注意が必要。
コンテンツを横にスライドして見せる。非同期通信ではない。当サンプルでは、画像のみでおこなっているが、上段のサムネイルも、表示するコンテンツもHTMLで作ることができる。

Photo Slider（JQuery系）

FHW demo｜解説：マイコミジャーナル｜official｜official demo
表示域の下にスライドするサムネイル画像があり、それらをクリックすることで画像が確認できる。javascriptで表示する画像やキャプションを設定する。

slideViewer（JQuery系）

FHW demo｜解説：マイコミジャーナル｜official｜official demo
画像が横にスクロールするタイプ。サムネール画像ではなく、下部にボタンが並ぶ形式。ローディング中でも動作するため、枚数が多くても処理が可能。

Zoomi（JQuery系）

FHW demo｜解説：マイコミジャーナル｜official｜official demo
サムネール画像にマウスが重なったときに拡大画像を表示するというライブラリです。より正確に説明すると、サムネール画像と、拡大時に表示する画像の2種類を用意しておき、マウスがサムネール画像に重なった際に拡大時画像を表示するという仕組みになっています。

ThickBox 3（JQuery系）

FHW demo｜解説：マイコミジャーナル｜official｜official demo
※Win IE6.0, Win IE7以上、WinFirefox 2.0.0.6以上、 Win Opera 9.0以上、Mac Safari 2.0.4以上、Mac Firefox 2.0.0.6以上、Mac Opera 9.10以上
Lightboxのような表示。グループ化が可能。また、画像だけでなく、HTMLファイルなども法事できる。

jCarousel Lite（JQuery系）

FHW demo｜解説：FHW｜official｜official demo
画像やテキストをスライドしてみせる。同じようなものにMooRevolverがある。

SmoothGallery（mootools系）

FHW demo｜解説：マイコミジャーナル｜official｜official demo
※Firefox / Opera / IE 6以上 / Safari
大画像をメインにスライドショーのように見せるライブラリ。サムネイル画像は、補助メニューとして使われる。オートスクロール機能あり。

GreyBox（単独系）

FHW demo｜解説：マイコミジャーナル｜official｜official demo
※Safari / Firefox 1.5以上 / IE 5.5以上 / Opera 8.5以上
LightBoxのように画像を表示する。また、画像だけでなくURLを指定することによりリンク先のサイトをフル画面又は一部を表示することもできる。

Loupe（単独系）

FHW demo｜解説：マイコミジャーナル｜official｜official demo
※IE6以降、FF1.5以降、Safari2以降、Opera9以降
ルーペで拡大して見ているように見えるライブラリ。動作するブラウザは多少限定されるが、設置が簡単で、見た目も面白い。

iBox（単独系）

FHW demo｜解説：マイコミジャーナル｜official｜official demo
litebox風画像表示ライブラリ。画像以外にも、HTMLファイルやページ、また、YouTubeやFlash Videoの表示も可能。

LightWindow 2.0（prototype系）

FHW demo｜解説：マイコミジャーナル｜official｜official demo
※IE系ブラウザで表示に問題が出ています。調整をしておりますので、暫くお待ち下さい。
Ajaxを使った画像表示の高機能版。画像だけでなく、PDFやFLASH、Quicktimeなども表示できる他、かなりの詳細設定ができます。