LightBoxライクの画像ギャラリー「piroBox」をWordPressに実装してみた

う～ん

すご～く簡単。

しかもスライドショーとかできちゃって結構イイ感じ。

まず一式をここからダウンロード。

以下のファイルを読み込んで（サーバにＵＰして）、

• pirobox.min.js
• style.css（※内部に記載されている画像パスに注意）
• 画像一式
• （ひつようであればjQuery本体）

<script type="text/javascript">
$(document).ready(function() {
	$().piroBox({
		my_speed: 400,
		bg_alpha: 0.1,
		slideShow : true,
		slideSpeed : 4,
		close_all : '.piro_close,.piro_overlay'
	});
});
</script>

と書いて（ここらへんのパラメータは本家サイトのドキュメントを適当にみてくれ）、

<a href="images/1.jpg" class="pirobox_gall" title="Spain 2009">
<img src="images/1s.jpg" />
</a>

とimgタグをクラス指定したaタグで囲むだけ。

簡単簡単。

でも

jQueryの1.4.4で動かなかったから注意。

なぜかpiroBoxについてる1.4.2では動くんだよね。

ちなみに俺はwordpressに別途jQuery Ver1.6を読み込ませて使いました。

1.6でも問題なく動いてる（ここで）。