さんまがおいしい季節だねー(´・ω・`)

WP Sexy Lightbox プラグイン

WordPress — タグ: , , , — さくら @ 2009/12/30 15:24

なんでこんなの作ったのか自分でもよく分からないのですが、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ごろバグ修正版をうpしました。バージョン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

4件のコメント »

  1. [...] WP Sexy Lightbox プラグイン [...]

    ピンバック by irodoru » WP Sexy Lightboxを導入する — 2010 年 5 月 9 日 @ 21:51
  2. [...] 以下からダウンロードできます。 ゆっくり…して…イってネ!「WP Sexy Lightbox プラグイン」 アップロードして、プラグインを有効にします。 [...]

    ピンバック by WordPressプラグイン『WP Sexy Lightbox』 | ネタ喰い — 2010 年 8 月 11 日 @ 00:10
  3. [...] 以下のサイトを参照。 ゆっくり…して…イってネ! [...]

    ピンバック by WP Sexy Lightbox プラグイン — 2010 年 10 月 27 日 @ 17:25
  4. こんにちは、素敵なLightboxですね!
    是非使ってみたいのですが、ひとつ気になる点があるので質問させて下さい。

    上部サンプルなのですが、サムネイル画像にマウスポインタが乗ると、shortcodeのtitle部分が表示されていると思います。

    これは拡大時の下部テキスト部分だと思うのですが、サムネイルにホバー状態の時は表示したくないので、shortcodeのtitle部分ではなく、サムネイル画像のalt属性やtitle属性を表示させたいです。

    対応策は何かありますか?
    教えて頂ければ幸いです。

    コメント by ななみ — 2013 年 1 月 17 日 @ 09:46

この投稿へのコメントの RSS フィード。 TrackBack URI

コメントする

Copyright © 2017 さくらたんどっとびーず | powered by WordPress with Barecity