#thickbox

How-to: jQuery .ready in a dynamically inserted iframe #solution #programming #fix

jQuery .ready in a dynamically inserted iframe

We are using jQuery thickbox to dynamically display an iframe when someone clicks on a picture. In this iframe, we are using galleria a javascript library to display multiple pictures.

The problem seems to be that $(document).readyin the iframe seems to be fired too soon and the iframe content isn’t even loaded yet, so galleria code is not applied…

ThickBox

今のところ一番使用しているJsのライブラリです。 細かいパラメータも設定できるっぽく、上記参考サイトを参照して下さい。 IE6にも対応しており、lightbox風の演出でデザインのサイトでカスタマイズし易いです。

記述として、

function tb_position() { jQuery("#TB_window").css({marginLeft: '-' + parseInt((TB_WIDTH / 2),10) + 'px', width: TB_WIDTH + 'px'});     if ( !(jQuery.browser.msie && jQuery.browser.version < 10)) { // take away IE6         jQuery("#TB_window").css({marginTop: '-' + parseInt((TB_HEIGHT / 2),10) + 'px'});     } }