Lightboxをいろいろ試してみた。

僕が運営するサイトのリニューアルにLightboxでスライドショーを作ったり、いろいろしたかったので、たくさんスクリプトを試してみた。


Lightbox2

定番です。

Shadowbox

設置方法はコチラに。
http://www.two-hearts.net/2009/05/shadowboxjs-version-30b.html

[xhtml]
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
language: "en",
players: ["img","swf"]});
</script>
[/xhtml]

で、
[xhtml]<a href="movie.swf" rel="shadowbox;width=500;height=375"><img src="images/movie.jpg" /></a>[/xhtml]
とかで動いてくれます。

ImageMapやFLASHにも対応してるのはかなり高得点。protopypeやJqueryなど6種類のライブラリを使えるのはすごい。

languageをjaにすると、“Next”とかが“次へ”になりますが、エンコードがuft-8じゃないとダメらしい。

Multibox

これもFlash等に対応してて使いやすい。

何故かPHPと一緒に使うと、いらないスクロールバーがfirefoxとOperaで出て断念しましたが。

スライドショーのグループ化?的な事が出来ないのがちょっと難点。アニメーションはとても綺麗。

Fancybox

軽い。Jquery系。Youtube等も読める。

prettyPhoto a jQuery lightbox clone

Jquery系。角が丸いのがオサレ(笑)
コチラもかなりたくさんの形式に対応しております。若干重い気もしますが。

とりあえず、ShadowBoxが使えれば大体OKなんじゃないかと、思ってみたり。