Изменить HTML с помощью backstretch

Question

В настоящее время я показываю слайдер на своем сайте, используя Backstretch.Над слайдером у меня есть текстовый блок.Можно изменить текст (html) каждый раз, когда изображение меняется?

<script>
                    jQuery(".header-slider-container").backstretch([
                      <?php
                           foreach ($background_slider as $slide) :
                           $image = $slide['afbeelding'];
                           $text_slider = $slide['tekst_slider'];

                      ?>

                            "<?= $image['url'] ?>",
                     <?php
                           endforeach;
                     ?>

                        ], {
                        duration: 4000,
                        transition: 'fade',
                        transitionDuration: 600

                    });

Я уже создал дополнительное поле в WordPress и могу получить значение ($ text_slider = $слайд ['tekst_slider'];), но как мне это изменить?

Answer 1

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

$(window).on("backstretch.after", function (e, instance, index) {
  // Do something
});

Там, где написано, Do something - это место, где вы разместите свой код для изменения HTML по мере необходимости.