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


う~ん

すご~く簡単。

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

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

以下のファイルを読み込んで(サーバにUPして)、

  • 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でも問題なく動いてる(ここで)。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です