jQuery & Lightbox Plugin

May. 28, 2009 - 12AM
jquery-lightbox.jpg ちょこちょこブログいじったのでメモ。見た目にはあまり変わっていないけど。

いままでPrototype.jsを使うLightbox亜種のLightviewを使っていたのだけど、Google Analyticsか埋込TwitterとコンフリクトしてMSIEでエラー終了してしまう様子で使用を停止してた。そんなわけでやっとこさ先週末にjQueryを使うjQuery lightBox pluginを適用してみました。MTのHTMLヘッダーにjQueryとlightBox pluginのjs読み込んで専用のCSSも読み込む。これでほぼ終了。あとは画像をアップした時にセレクタ?で画像を指定するだけ。relとかIDとかclassとか、もしくはAタグ全部などに任意に設定できる。
そんなわけで、過去記事でclass="lightview"と設定していたものも
<script type="text/javascript">
$(function() {
$('a.lightview').lightBox();
});
</script>
とHTMLヘッダーに埋め込んで終了。lightview使うときは<a class="lightview" と指定していたので、それをそんまま呼び出すだけ。過去の設定をそのまま活かせるので便利。まだしっかり確認していないけど、これでMSIEでもコンフリクト起きない(と良いな)。jQueryは便利すぎるプラグインがたくさんあるみたいなのでいろいろ適用していこうそうしよう。

もうひとつ。てっぺんにカテゴリメニューを付けたので、カテゴリ別ページにもPageButeを付けて過去記事辿れるようにしてみた。まーたいしたこと書いてないけど。

Trackback(0)

Trackback URL: http://www.senov.net/blog/mt-tb.cgi/682

瀬戸内国際芸術祭2010

Twitter

    Flickr

    Archives

    Powered by