2009.01.05

Design

Facebox で Lightbox 風に画像ポップアップ (要jQuery 1.2.*)

画像のポップアップ用では Thickbox や Lightbox が有名ですが、「写真を角丸に表示するLightBoxスクリプトの種類まとめ」で見つけた「Facebox」がなかなか素敵です。

下記の通り Faceboox 風に画像外枠に半透明の角丸が付きます。

window.onload のタイミングでも以下のコマンドで適用できるようになっているので、このブログでも問題なく採用できました。

$('a[rel*=facebox]').facebox();

京の路では、CSS とボタン画像を変更して Flickr へのリンクも追加していますが、ヘッダーにある Flickr 画像にも Facebox を適用しています。ぜひ京の路ヘッダーの画像をクリックしてみてください。

Facebox on 京の路