Tilda zeroblock галерея-слайдер не отображает первое изображение, как исправить?

Question

[grachev_goga]

Сделан pop-up в zeroblock, в блоке есть галерея-слайдер. При привязке кода галерея пропадает.
Код

window.onload = function() {
    $( document ).ready(function() {
      var Content = '#rec555753100'; //id Zero block
      var Wrapper = '#rec555985001'; //id блока popup окна BF503
      $(Wrapper + " .t-popup__container").html($(Content)).parent(".t-popup");
      $(Wrapper).addClass('ZeroInPopUp');
    });
  };

Если нажимаешь на кнопку слайдера или изменяешь размер окна браузера, то изображение появляется.

Comments

[Юрий Матрос]

ссылку хоть дай на страничку

Answer 1

[Tema Smirnov]

Если галерея появляется после изменения размера окна браузера или переключения на другой слайд, возможно проблема заключается в том, что галерея не имеет определенной ширины и высоты на момент загрузки страницы. Вы можете попробовать решить эту проблему, установив явно размеры для галереи-слайдера:

window.onload = function() {
  $( document ).ready(function() {
    var Content = '#rec555753100'; //id Zero block
    var Wrapper = '#rec555985001'; //id блока popup окна BF503
    $(Wrapper + " .t-popup__container").html($(Content)).parent(".t-popup");
    $(Wrapper).addClass('ZeroInPopUp');
    $(Wrapper + " .t-slds__main").css({"width": "100%", "height": "auto"}); // Установите ширину и высоту для галереи-слайдера
  });
};

Также, вы можете проверить стили для изображений в галерее и убедиться, что они имеют корректные размеры и масштабирование, необходимые для отображения изображений.