0 
<section class="hero-slider style1">
  <div class="home-slider">
    <!-- Single Slider -->
    <?php
    foreach ($page->slider_repeater as $slider_repeater) {
      echo "<div class='single-slider' style='background-image:url('{$slider_repeater->images->url}{$slider_repeater->images}')'>";
      echo "<div class='container'>";
      echo "<div class='row'>";
      echo "<div class='col-lg-12 col-md-12 col-12'>";
      echo "<div class='welcome-text'>";
      echo "<div class='hero-text'>";
      echo "<h4>{$slider_repeater->texth4}</h4>";
      echo "<h1>{$slider_repeater->texth1}</h1>";
      echo "<div class='p-text'>";
      echo "<p>{$slider_repeater->textp}</p>";
      echo "</div>";
      echo "</div>";
      echo "</div>";
      echo "</div>";
      echo "</div>";
      echo "</div>";
      echo "</div>";
    }
    ?>
  </div>
</section>

背景图像部分似乎是问题所在，除图像外，所有其他文本在站点中都运行良好。

4

1 回答 1

0

首先，您需要检查您的字段是否设置为单值或多值输出。在备份中，转到设置 -> 字段 -> 图像并检查详细信息选项卡。记下允许的最大文件和格式化值设置。这些将告诉您您的图像字段是包含单个图像还是多个图像。

您的background-image:url函数中也有很多问题：style='background-image:url('{$slider_repeater->images->url}{$slider_repeater->images}')'

  1. 您正在使用单引号 ( ') 来分隔 HTML 属性值的开始和结束以及url函数内部，这可能会导致错误。url省略函数内的单引号。
  2. 第二个{$slider_repeater->images}调用的目的是什么？把它放在一边。

话虽如此，将您的样式参数更改为以下之一，它应该可以工作：

// if your images field is set to Single item, or Automatic with a limit of 1
style='background-image:url({$slider_repeater->images->url})'

// if your images field is set to Arry of items, or Automatic with a limit of 0 or >1
style='background-image:url({$slider_repeater->images->first->url})'
于 2020-08-07T07:42:02.687 回答