jquery - TwentyTwenty JQuery 插件未显示所有图像。调整窗口大小时显示所有图像

Question

我正在尝试使用之前/之后的滑块图像构建我的第一个网站。我正在使用TwentyTwenty jQuery 插件。访问网站时，并非所有图像都显示 - 当我重新加载或调整窗口大小时，所有图像都显示。

我的网站：http ://www.nygreenstreets.com

TwentyTwenty 插件：https ://zurb.com/playground/twentytwenty

GitHub 上的 TwentyTwenty 插件：https ://github.com/zurb/twentytwenty

对于未显示的图像，我看到的高度为 0px。

<div class="twentytwenty-container" style="height: 0px;">

滑块图像正确显示/滑块图像未显示/仅在调整窗口大小或重新加载页面后才会显示所有滑块图像。

图像滑块位于以下容器中：

<div class="twentytwenty-container">
<img src="index_files/images/160 W 43rd St 1.jpg" />
<img src="index_files/images/160 W 43rd St 2.jpg" /></div>

脚本：

<script>
    $(function(){
      $(".twentytwenty-container[data-orientation!='vertical']").twentytwenty({default_offset_pct: 0.5});
      $(".twentytwenty-container[data-orientation='vertical']").twentytwenty({default_offset_pct: 0.5, orientation: 'vertical'});
    });
    </script>