UIKit (GetUIKit) — изображение слайдера не загружается до перехода

Я использую UIKit (GetUIKit) и добавил простой ползунок (https://getuikit.com/docs/slider), но по какой-то причине правильное изображение не загружается, пока не произойдет переход.

Вот скриншот, на котором это происходит: https://www.youtube.com/watch?v=y_LV2yE99PA

Вот скрипт, в котором я могу воссоздать его: /а>

Вот мой код:

<div id="hero-carousel" class="uk-container-expand">
    <div class="uk-position-relative uk-visible-toggle uk-light" uk-slider="center: true; autoplay: true; autoplay-interval: 3000;">
        <ul class="uk-slider-items uk-grid">
            <li class="uk-width-3-4">
                <div class="uk-panel">
                    <img src="http://via.placeholder.com/2000x800/333/fff" alt="">
                    <div class="uk-position-center uk-panel">This is some extra text</div>
                </div>
            </li>
            <li class="uk-width-3-4">
                <div class="uk-panel">
                    <img src="http://via.placeholder.com/2000x800/333/fff" alt="">
                    <div class="uk-position-center uk-panel"></div>
                </div>
            </li>
            <li class="uk-width-3-4">
                <div class="uk-panel">
                    <img src="http://via.placeholder.com/2000x800/333/fff" alt="">
                    <div class="uk-position-center uk-panel"></div>
                </div>
            </li>
        </ul>
        <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
        <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slider-item="next"></a>
    </div>
</div>

Любые идеи, что я делаю неправильно?


slider getuikit
person Kungfauxn00b    schedule 21.01.2020    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Не обращайте внимания, это было зарегистрировано как ошибка: https://github.com/uikit/uikit/issues/4087

person Kungfauxn00b    schedule 22.01.2020

arrow_upward
0
arrow_downward

Хорошо, я нашел проблему. На самом деле это ошибка из Uikit, например, когда у вас ширина ползунка меньше ширины контейнера, тогда он не будет загружаться должным образом в центральном режиме. На самом деле это отключить бесконечный режим. Пожалуйста, обратитесь к ответу на проблему от автора Uikit по ссылке ниже. github.com/uikit/uikit/issues/3610 — Насрулла Бхорания просто нет

person Nasrullah Bhoraniya    schedule 24.06.2020
comment
Извините, я не уверен, что вы имеете в виду? - person Kungfauxn00b; 25.06.2020
comment
Хорошо, я нашел проблему. На самом деле это ошибка из Uikit, например, когда у вас ширина ползунка меньше ширины контейнера, тогда он не будет загружаться должным образом в центральном режиме. На самом деле это отключить бесконечный режим. Пожалуйста, обратитесь к ответу на проблему от автора Uikit по ссылке ниже. github.com/uikit/uikit/issues/3610 - person Nasrullah Bhoraniya; 10.09.2020