LightBoxは相性が悪いのでSlimbox

2009年3月24日IT・PC

LightBoxはなんだかんだ、いろいろ相性があるようなので、代わりの物を探して見ました。

まず、Internet Explorerで「操作が出来ませんでした。」ってのを解消しなくてはならないので、いろいろ調べて見た。

そうするとどうもSlimbox 2.02 for jQueryってのが軽くていいらしい。なおかつ、既にかいだ記事のaタグのrel="lightbox"を変えなくても使えるらしい。mootools版もあるのですがこちらはjQueryとぶつかるので、今回はjQuery版を使用します。

しかし、カレンダーで使わせてもらっている「Ajax 月送りカレンダー（MT4版）」がprototype.jsを使用する。SlimboxはjQueryを使う。うむ、混在させると厄介になるので、ふと「Ajax 月送りカレンダー（MT4版）」のjQuery版の記事があったなと思い探して見たら、「Ajax 月送りカレンダー（jQuery・MT4版）」があった。

テンプレート関係は既に動いているので、

<script type="text/javascript" src="<$MTBlogURL
gt;jquery.js"></script> <script type="text/javascript" src="<$MTBlogURL
gt;ajaxCalendar_jquery.js"></script> <script type="text/javascript" src="<$MTBlogURL
gt;dayChecker.js"></script>

を

<link rel="stylesheet" href="<$MTBlogURL
gt;css/slimbox2.css" type="text/css" media="screen" /> <script type="text/javascript" src="<$MTBlogURL
gt;js/jquery.js"></script> <script type="text/javascript" src="<$MTBlogURL
gt;js/ajaxCalendar_jquery.js"></script> <script type="text/javascript" src="<$MTBlogURL
gt;js/dayChecker.js"></script> <script type="text/javascript" src="<$MTBlogURL
gt;js/slimbox2.js"></script>

に変更して完了。

これで読み込むJavaScriptのサイズが減ったので、少しは高速化が出来たかな。

FC2さんのカウンターと相性が悪いと間違えた認識をしていた事を、ここでお詫びいたします<m(__)m>

ってか、LightBoxよりSlimboxの方が全然軽量だったりする。さらに、最近はprototype.jsよりjQueryを利用する方が多くなってるようだし、今後のカスタマイズを考えると、正解な選択だったと思う。

LightBoxでお困りなら、この際Slimbox 2.02 for jQueryを使ってみてはいかが？

Posted by かふぇおれ