Использование изображения поля ACF в bxSlider с эффектом параллакса - PullRequest
Новая
       28

Использование изображения поля ACF в bxSlider с эффектом параллакса

0 голосов
/ 30 мая 2019

У меня есть раздел героя, который использует эффект параллакса.В этом разделе у меня есть bxSlider, который показывает контент.Я пытаюсь включить фоновое изображение с каждым слайдом, как мне это реализовать?

Я пытался добавить src данных параллакса в слайдер, который не работал, а также множество других вариантов.Это выглядит правильно, когда я использую div .parallax-window в верхней части кода ниже, но не циклически перебирает изображения. 



<div class="home-slider-wrap">
    <div class="flexslider">
      <?php
        if( have_rows('slider') ):
            while ( have_rows('slider' ) ) : the_row();
                $slide = get_sub_field('slide');
                $image =  get_sub_field('image');
                $link = get_sub_field('link');
                $link_global = get_sub_field('link','option');
                $link_text = get_field('link_text');
                $link_text_global = get_field('link_text','option');

                ?>

                <div class="parallax-window" data-parallax="scroll" data-image-src="<?php echo $image;?>"></div>
                    <div class="container-fluid slide_content">
                        <div class="row">
                            <div class="col-md-12">

                                <?php echo $slide; ?>

                                <?php if( $link ): ?>

                                    <a class="button" href="<?php echo $link; ?>"><?php $link_text;?></a>

                                <?php else : ?>

                                    <a class="button" href="<?php echo $link_global;?>" target="_blank"><?php echo $link_text_global;?></a>            

                                <?php endif; ?>

                            </div>
                        </div>
                    </div>
          <?php endwhile;
        else :
        endif;
        ?>
    </div>
</div>
...