image - 高さが不明なビューポートで画像を中央に配置するにはどうすればよいですか?

Question

BxSlider (http://bxslider.com) を使用して画像ギャラリーを作成しており、画像をビューポートの水平方向と垂直方向の両方に配置したいと考えています。サイズ変更スクリプトも使用しているため、画像の寸法がわかりません。

Google で見つけたあらゆる種類のスクリプトを試しましたが、何も機能していないようです。

これは私のhtmlです：

<div id="myDiv">

    <div><img src="" /></div>
    <div><img src="" /></div>
    <div><img src="" /></div>

</div>

私の BxSlider コード:

<script src="https://raw.github.com/wandoledzep/bxslider/master/jquery.bxSlider.min.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function(){
       $('#myDiv').bxSlider({
       mode: 'fade',
       captions: true,
       });
   });
</script>

そして私のサイズ変更コード:

function resizeImg() {
    var h = $(window).height();
    if (840 > h) {
        var bw = h - 210;
        $('img').attr('height',bw);
        //alert('Height: '+h);
        // post-container-image
    }
}
jQuery(document).ready(function(){
    var h = $(window).height();
    if (840 > h) {
        resizeImg();
    }
});
$(window).resize(function(){
    var h = $(window).height();
    if (840 > h) {
        resizeImg();
    }
});