使用反向拉伸更改HTML

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 = $ slide ['tekst_slider'];），但是如何更改呢？

Answer 1

我以前从未使用过该插件，但是通过阅读他们的documentation，看来您可以收听之前或之后显示新图像。这是他们的文档中的示例代码，在图像加载后触发：

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

显示Do something的位置是您放置代码以根据需要更改HTML的地方。