使用jquery.flashgallery显示图片库时，根据浏览器的大小调整Div标签的大小

Question

<div id="banner">
    <script type="text/javascript" src="gallery/js/jquery.js"></script>
    <script type="text/javascript" src="gallery/js/swfobject.js"></script>
    <script type="text/javascript" src="gallery/js/flashgallery.js"></script>

    <script type="text/javascript">
    jQuery.flashgallery('gallery/gallery.swf', 'gallery/config.xml',{ width:'100%',    height:'100%', allowFullScreen: 'true', background: 'transparent'});
</script>



</div>

Here i want to make banner div to resize when i resize the browser window can some body help on this Thanks..

Answer 1

My last post was by accident, try something like this. I have not tried it though.

$(window).resize(function() {
    var divRatio = .7;
    var divHeight = $(window).height()) * divRatio;
    var divWidth = $(window).width()) * divRatio;
    $('.yourDivYouWantHere').css({
        height : divHeight;
        width : divWidth;
    });
}

Kevin