我似乎无法在滑块中显示我的图像.(Processwire)但我在中继器中的所有字段都设置正确

Question

<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>

关于背景图像的部分似乎是个问题，除了图像之外，所有其他文本都在网站上运行良好。

Answer 1

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

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

1. 如果在url函数中同时使用单引号('(来分隔HTML属性值and的开始和结束，这可能会导致错误。去掉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})'