ゆっくり…して…イってネ！

なんでこんなの作ったのか自分でもよく分からないのですが、Sexy Lightbox jQuery プラグインを WordPress プラグインにしてみました。

SexyLightBox 2.3 – www.coders.me

sexy-lightbox – Project Hosting on Google Code

MOONGIFT: » クールな登場をするフローティングウィンドウ「Sexy LightBox 2」:オープンソースを毎日紹介

Sexy Lightbox は jQuery の lightbox です。画像をクリックするとうにょーんと拡大するウザいあれですww

サンプル

いつもどおりサンプルはクイーンズブレイドで…プラグインと何の関係も無いですがwww

細かいことはおいといて、画像をクリックするとふにょにょにょにょーんっという感じで大きいサイズの画像が落ちてきます。

クイーンズブレイド リベリオン1 気高き誓い (HJ文庫 こ 2-1-1)

てーかこいつお姫様なのになんでパンツ見してんの？www

ダウンロード

プラグインはこちらです。

wp-sexy-lightbox.zip

調べてから wordpress.org に置こうと思ってますが、ちょっと今忙しいのでとりあえずブログにのみ置いてます。ZIP をダウンロードしてから、WordPress の [プラグイン] → [新規追加] → [アップロード] でインスコできます。

【追記】16:50ごろバグ修正版をうｐしました。バージョン0.1.2未満の場合は再インストール願います。

使い方

WordPress の記事に、sexy-lightbox shortcode を埋め込んでください。上のサンプルはこんな感じになってます。

[sexy-lightbox href='http://ecx.images-amazon.com/images/I/61pZfKIpgsL.jpg' title='<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4894258870/sakuratan05-22/ref=nosim/">クイーンズブレイド リベリオン1 気高き誓い (HJ文庫 こ 2-1-1)</a>']<img src="http://ecx.images-amazon.com/images/I/61pZfKIpgsL._SL160_.jpg" border="0" alt="" width="114" height="160" />[/sexy-lightbox]

sexy-light shortcode のオプションは、href が拡大時に表示される画像の URL、title が拡大時に表示される下部テキストです。それと上のサンプルでは使ってませんが、rel で sexylightbox の rel 属性を指定できます。shortcode の中身が通常（拡大前）に表示される HTML になります。shortcode のオプションは SexyLightBox 2.3 の HTML コードと対応してます。オプションの値の使い方についてはそちらをご覧ください。

shortcode にしたのは title 属性の値をエスケープする必要があったからだけですので、shortcode を使わずにリンク先の HTML コードそのまま使って頂いてもおkです。

またインスコすると、ダッシュボードの [設定] → [WP Sexy Lightbox] からオプション設定できるようになります。今のところ拡大時の枠の色を設定できます。

ではみなさま、来年も sakuratan.biz を…

3回目は言わないwww