Lytebox

画像をクリックすると大きく表示されます。
スライドショーは画像を再クリックすると次ページに移ります。
事前に小さい画像と大きい画像を用意しておいて、クリックした瞬間に大きい画像に戻すだけ。
写真だけが画面中央で強調される。
自動再生のときの切替えるタイミングは、this.slideInterval の値をミリ秒単位で変更するだけ。
JSとCSSのファイルをダウンロードして、画像を用意すればすぐに使える優れもの。

シンプルイメージ

サンプル1

イメージギャラリー

サンプル2 サンプル3 サンプル4 サンプル5

スライドショー(自動再生版)

サンプル2 サンプル3 サンプル4 サンプル5

参考サイト : http://www.dolem.com/lytebox/