Компоненту dzsparallaxer требуется время, чтобы загрузить эффект параллакса.

В настоящее время у меня проблема с компонентом dzsparallaxer. Этому компоненту требуется от 7 до 10 секунд, чтобы показать эффект параллакса, в то время как контейнер отображается черным цветом. Я хотел бы знать, как избежать того, что загрузка занимает так много времени, что загружаемый контент представляет собой изображение размером 72 КБ, поэтому загрузка эффекта параллакса не займет много времени. Мой код следующий:

      <section class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll loaded dzsprx-readyall" 
data-options='{direction: "fromtop", animation_duration: 25, direction: "reverse"}'>
    <!-- Parallax Image -->
    <div class="divimage dzsparallaxer--target w-100 g-bg-cover g-bg-pos-center g-bg-black-opacity-0_2--after" 
        style="height: 140%; 
        background-image: url(PortadaAbout.jpg);">
    </div>
    <!-- End Parallax Image -->

    <!-- Promo Block Content -->
    <div class="container g-color-white text-center g-py-150">
    <!--<span class="d-block g-font-weight-300 g-font-size-25 mb-3">Discover more about us</span>-->
        <h3 class="h1 text-uppercase mb-0">Wow Cube</h3>
    </div>
    <!-- Promo Block Content -->
</section>

0 ответов

Другие вопросы по тегам