Question

我在this question找到了类似的问题，我非常喜欢给出的解决方案。

我试图在this page复制这个外观，但我遇到了问题。

它看起来很好70％但是我仍然无法将当前/活动图像居中并且肖像图像的长宽比/高度不正确。

仅供参考 - 肖像图像的最大高度为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上的填充左边以补偿和居中活动图像，它将仅在flex-viewport大于最大图像分辨率时计算它，否则它将按预期工作...

居中活动图像/纵向图像高度

1 个答案: