图像的宽度和高度取决于其方向

Question

我有两种类型的图像：垂直和水平。通过js调整到屏幕高度的每个图像。我想调整水平照片到屏幕宽度。可能吗？

这里是我的js代码：

<script type="text/javascript"> 
    $(document).ready(function(){ 
     resizeDiv(); 

    window.onresize = function(event) { 
     resizeDiv(); 
    } 

    function resizeDiv() { 
     //document.body.style.overflow = "hidden"; 
     vpw = $(window).width(); 
     vph = $(window).height(); 
     $('.flexslider img').css({'width': 'auto'}); 
     $('.flexslider img').css({'height': vph + 'px'}); 
    } 

    window.onload = function() { 
    document.body.style.overflowX = "auto"; 
    } 

}); 
</script> 

感谢所有帮助

Answer 1

刚刚创造条件。按原样加载图像，然后检查它的宽度和高度。如果身高高于身高，那么就照你现在所做的那样做。否则，调整宽度，并将高度设置为“自动”。

function resizeDiv() { 
    var img = $('.flexslider img'); 
    vpw = $(window).width(); 
    vph = $(window).height(); 

    if(img.width() < img.height()) { 
    img.width('auto'); 
    img.height(vph + 'px'); 
    } 
    else { 
    img.width(vpw + 'px'); 
    img.height('auto'); 
    } 
}