动态更改thickbox弹出窗口大小

Question

我正在使用ThickBox在我的页面中打开弹出窗口.在弹出窗口中有一个单击选项卡,我需要更改ThickBox弹出窗口的大小.我怎样才能做到这一点 ？

提前致谢.

Answer 1

这是他们使用的代码

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

所以你可以使用相同的稍微改变（假设你使用现代版本的 jQuery）..

$('#yourbutton').click(function() {
    var TB_WIDTH = 100,
        TB_HEIGHT = 100; // set the new width and height dimensions here..
    $("#TB_window").animate({
        marginLeft: '-' + parseInt((TB_WIDTH / 2), 10) + 'px',
        width: TB_WIDTH + 'px',
        height: TB_HEIGHT + 'px',
        marginTop: '-' + parseInt((TB_HEIGHT / 2), 10) + 'px'
    });
});

演示地址：http://jsfiddle.net/gaby/rrH8q/