使用jquery for image gallery动态获取窗口高度

我需要一些关于窗口大小调整功能的帮助。我有一个简单的灯箱图像库，但我有一个图像最大高度的问题

现在，如果调整浏览器大小，图像最大高度不会更改。我想图像适合的形象高度DINAMICS

我试图使用窗口调整功能，但没有成功

谢谢你的帮助

这是我的密码：

$（文档）.ready（函数（）{

$（'.lightbox_触发器'）。单击（函数（e）{
e、 预防默认值（）；
var image_href=$（this.attr（“href”）；
var image_title=$（this）.find（'img'）.attr（'alt'）；
var windowHeight=$（window）.height（）-100；
var灯箱=
'' +
'' +
'' +
'' +
'';
$（'body'）。追加（lightbox）；
如果（$（'#lightbox'）。长度>0）{
$（'#lightbox in'）.html（''+
'' + 
'' +
'';
$（'body'）。追加（lightbox）；
}
});
$（文档）。在（'单击'，'灯箱'，函数（）上）{
$（“#lightbox”）.fadeOut（）；
$（'#lightbox'）。删除（）；
});

---

})；

您可以使用jQuery在窗口对象上使用

resize（）

$（窗口）。调整大小（函数（）{
//窗口已调整大小
变量高度=$（窗口）.height（）-100；
$（'#content lb img'）.css（'max-height'，height）；
})

谢谢它的工作！我很惊讶我用了糟糕的语法尝试了它。谢谢你的快速帮助！：）

$('.lightbox_trigger').click(function(e) {

    e.preventDefault();
    var image_href = $(this).attr("href");
    var image_title = $(this).find('img').attr('alt');
    var windowHeight = $(window).height() - 100;

    var lightbox =
        '<div id="lightbox">' +
        '<div id="lightbox-in"><div id="content-lb">' +
        '<img src="' + image_href + '" />' +
        '</div></div>' +
        '</div>';
    $('body').append(lightbox);

    if ($('#lightbox').length > 0) {

        $('#lightbox-in').html('<div id="content-lb"><a class="lb-close"><i class="fa fa-times"></i></a><img src="' + image_href + '" style="max-height:  '+ windowHeight +'px; " /></div><div class="clear"></div><span class="img-item-title">' + image_title + '</span>');

        $('#lightbox').fadeIn();
    } else {

        var lightbox =
            '<div id="lightbox">' +
            '<div id="lightbox-in"><a class="lb-close"><i class="fa fa-times"></i></a>' +
            '<div id="content-lb"><img src="' + image_href + '" style=" max-height:  '+ windowHeight +'px; " />' + 
            '</div></div>' +
            '</div>';
        $('body').append(lightbox);
    }

});

$(document).on('click', '#lightbox', function() {
    $('#lightbox').fadeOut();
    $('#lightbox').remove();
});