javascript 更好的图像适应

Posted 2021-05-03

$('.fullWidthBanner img').on('bestfit',function(){
        var css;
        var ratio=$(this).width() / $(this).height();
        var pratio=$(this).parent().width() / $(this).parent().height();
        if (ratio<pratio) css={width:'auto', height:'100%'};
        else css={width:'100%', height:'auto'};
        $(this).css(css);
    }).on('load', function(){
        $(this).trigger('bestfit');
    }).trigger('bestfit');