Плагин TwentyTwenty JQuery не показывает все изображения.При изменении размера окна отображаются все изображения - PullRequest
Новая
       24

Плагин TwentyTwenty JQuery не показывает все изображения.При изменении размера окна отображаются все изображения

0 голосов
/ 23 июня 2019

Я пытаюсь создать свой первый сайт с изображениями слайдера до / после. Я использую TwentyTwenty jQuery плагин . При доступе к веб-сайту отображаются не все изображения - при перезагрузке или изменении размера окна отображаются все.

Мой сайт: http://www.nygreenstreets.com

Плагин TwentyTwenty: https://zurb.com/playground/twentytwenty

Плагин TwentyTwenty на GitHub: 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>
...