lightboxのバグ修正

Lightbox JS v2.04で遭遇したバグ

■　IEで「インターネットサイトを開く事ができません。操作中断」と赤い×印のダイアログが表示されてしまう問題。

どうやら、消去法で同梱されているPrototype.js　ｖ1.6.0.2が変？。最新版をダウンロードして差し替えて解決！今日現在、v1.6.1です。

■Firefoxでcloseボタンの横に小さなスクロールバーが表示されてしまう問題。
どのタイプのlightboxも、なぜか急に出ちゃうんですよね？今まで仕方放置してきた問題。

javascriptが修正できない私。とりあえずlightbox.cssファイルで、「#imageDataContainer」を検索。overflow: autoをhiddenに修正。これで良いのかなぁ？

 

JavaScriptを圧縮してサクサク高速化！

サイトに複数のjsファイルを設置すると、サクサクいかない事も。
コメントやスペースを取り除き、圧縮してくれるサイトがあります。但し、ライセンスの部分は残したいので、その辺の処理は手動で。

YUI Compressor Online　簡単です。

タグ：JavaScript

mootoolsやprototypeとjQueryを一緒に使う方法

こちらの記事を参照に実際にやってみました。

外部ファイルの差込とイメージメニューの組み合わせで、動きません。
<script type="text/javascript" src="jquery.js" mce_src="jquery.js"></script> <script type="text/javascript"><!-- $(function(){ $("#content").load("content.html"); }); // --></script> <script type="text/javascript" src="../_common/js/mootools.js"</script> <script type="text/javascript" src="imageMenu.js"></script>

これを改造して、競合しないようにしました。noConflict()で避けます。
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> jQuery.noConflict(); jQuery(function(){ jQuery("#content").load("content.html"); }); </script> <script type="text/javascript" src="../_common/js/mootools.js"></script> <script type="text/javascript" src="imageMenu.js"></script>

$印をjQueryに書き換える事を忘れずに。あ~すっきりした！chibatchさんに感謝です。
そういえば、Web Creators 2009/7月号のp45にも掲載されていました。記事にはprototypeとjQueryになっていますが、手法は同じでした。イザと言う時に記事が見つからないので・・・・無念です。