colorbox JS拡大時だけFlashを消す

質問

サイト構築をしている中でわからないことがあり質問させていただきました。
サイトでcolorbox.jsを使っているのですが拡大時にFlash部分が前面に出てきてしまい色々調べたところembed wmode="transparent"で回避ができたのですが、今度はFlash内の全角入力ができなくなってしまいました。色々検索したところ他のjavascriptでは
http://www.masuta.net/wordpress/wp/archives/296
のように拡大時にFlashを消す方法があるようなのですがcolorboxを使っている場合どのようにソースを書き換えたらいいかわからず質問させていただきました。上記のHighslide.jsを使うのも１つの手段化と思いますが、他のjsでjqueryを使っている為、できればcolorboxを使い対処したいのですが・・・。教えていただければ幸いです。

回答No.1

yyr446 · ベストアンサー

「Highslide JS」でもjQueryと同時に使えますけど、それはさておき
「Colorbox」にも、イベントハンドラーの登録機能がありますから、
ご提示の「拡大時にFlashを消す方法」をそのまま適用出来ると思います。

http://colorpowered.com/colorbox/
の例抜粋
$(".example9").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
});

を使って、同様に
　$(".example9").colorbox({
　 onOpen:function(){
　 var id = "flash0";
　 if($(id)) $(id).hide();
　 },
　 onClosed:function(){
　 var id = "flash0";
　 if($(id) $(id).show();
　 }
　});

お礼

yyr446様
丁寧な回答ありがとうございました。
なるほど～、onOpen:function/onClosed:functionというのを使うのですね。
ご丁寧にソースまで書いていただき大変助かりました。
ありがとうございました。早速サイトに導入したいと思います。
重ねて御礼申し上げます。ありがとうございました。