crocodile notebook

feedly feedburner google+ twitter facebook creative commons BY:2.1 プロフィール

今までは記事内にしかlightboxでズモモっとなる画像がなかったので気付かなかったんですが。
jQuery版のlightbox0.5だとprototype.jsのように rel=”lightbox[groupA]” とかでグループ化できない！
…ということに今更気付いた、どうも鰐です。

今更relを書き換えるのも面倒だしー。
っつーか以前のlightboxではrelにグルーポンできたじゃんよー。

ということでjavascriptを直接改ざんしました。
それがコチラ。

jquery.lightbox-0.5.jsの80行目付近です。


				for ( var i = 0; i < jQueryMatchedObj.length; i++ ) {
					settings.imageArray.push(new Array(jQueryMatchedObj&#91;i&#93;.getAttribute('href'),jQueryMatchedObj&#91;i&#93;.getAttribute('title')));
				}
&#91;/html&#93;
これが修正前&#91;html&#93;
				for ( var i = 0; i < jQueryMatchedObj.length; i++ ) {
					if(jQueryMatchedObj&#91;i&#93;.getAttribute('rel')==objClicked.getAttribute('rel')) {
					settings.imageArray.push(new Array(jQueryMatchedObj&#91;i&#93;.getAttribute('href'),jQueryMatchedObj&#91;i&#93;.getAttribute('title')));
					}
&#91;/html&#93;
これが修正後
面倒だからそのままコピペでOKです。
あと、&lt;head&gt;～&lt;/head&gt;の中に書き入れるものはデフォのままで。
&#91;html&#93;
<script type="text/javascript">
$(function() { $('a[rel^=lightbox]').lightBox(); });
</script>

これで rel=”lightbox[groupA]” などの記述が有効になります。

簡単ですね！

prototype.jsと同じrelを使ってjQuery版lightbox0.5でグループ化する方法

UPDATE: 2011.04.12
, , ,

併せ読みに選ばれている
記事はこちらのようです
wordpressプラグインを12個使って運営しています

wordpressプラグインを12個使って運営しています

なにも目新しいところがないけど、当ブログで使ってるwordpressプラグインの一覧です。

jQuery+lightbox覚え書き

jQuery+lightbox覚え書き

jQuery版lightboxを使う時にrel=”lightbox”を手入力しないでもOKにするwordpress用Tips

俺の雑誌愛が暴走する雑誌だけのブログ『crocodile MAG’STACK』始めてました。

俺の雑誌愛が暴走する雑誌だけのブログ『crocodile MAG’STACK』始めてました。

自分の雑誌録を兼ねたブログを立ち上げました。 読んで益なし損もなし。薬にならなきゃ毒でもなし。

ReederのローカルRSSに便利な『RSSのURLを表示するブックマークレット』

ReederのローカルRSSに便利な『RSSのURLを表示するブックマークレット』

ReederのローカルRSSは便利だけどフィード追加がすこし面倒という人がいたので、すこしでもラクになるよう作ってみたブックマークレットです。

Facebookのソーシャルプラグイン風のTwitterソーシャルプラグイン

Facebookのソーシャルプラグイン風のTwitterソーシャルプラグイン

twitterのフォロワーリストをfacebook風ソーシャルウィジェットのようなレイアウトでブログに掲載するjQueryプラグインです。 カスタマイズも容易なので使いやすいですよ。

本が好きな人、読書量を増やしたい人、本を知りたい人に向けたブログ『pigeon bookstock』

本が好きな人、読書量を増やしたい人、本を知りたい人に向けたブログ『pigeon bookstock』

[PR記事] 書籍を紹介するブログをWordPressで作りました。 今回利用したWordPress Tipsを簡単にご紹介します。