LightBoxは相性が悪いのでSlimbox
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を使ってみてはいかが?