jquery - 中心活动图像/纵向图像高度

Question

我在这个问题中发现了一个与我类似的问题，我真的很喜欢给出的解决方案。

我正在尝试在此页面上复制此外观，但我遇到了问题。

它看起来 70% OK，但我仍然无法让当前/活动图像居中，并且肖像图像的纵横比/高度不正确。

仅供参考 - 肖像图像的最大高度为 664 像素，宽度不同。

任何人都可以帮我指出写作方向吗？

提前谢谢了！

Answer 1

试试这个：

<script type="text/javascript">
jQuery(document).ready(function(){
   jQuery(window).resize(function(){
     var vpw = jQuery(".flex-viewport").width();
     var imw = jQuery(".flex-viewport img:first").width();
     if(vpw>imw){
       var delay = (vpw-imw)/2;
       jQuery(".flex-viewport ul").css("padding-left",delay+"px");
     }else jQuery(".flex-viewport ul").css("padding-left","0px");
   });
});
</script>

这将计算 UL 上的 padding-left 以补偿和居中活动图像，它只会在 flex-viewport 大于最大图像分辨率时计算它，否则它将按预期工作......