用Wordpress制作javascript幻灯片

Question

我正在第一步学习编码。我在互联网上做了一些关于css、html、php、javascript和MySql的课程。现在，我决定继续学习的经验，而我建立一个Wordpress的儿童主题。

问题是，我正在从W3schools self的例子中制作一个图像滑块。这是一个惊人的例子，但现在我有一些问题来使用它在Wordpress。

在这个例子中，他们提出了4张这样的图片：

<img class="mySlides" src="img_fjords.jpg" style="width:100%">
<img class="mySlides" src="img_lights.jpg" style="width:100%">
<img class="mySlides" src="img_mountains.jpg" style="width:100%">
<img class="mySlides" src="img_forest.jpg" style="width:100%">

在Wordpress中，我有一个带有10个图像字段的post类型。就像这样：

<div class="mySlides"><?php the_field("image"); ?></div>
<div class="mySlides"><?php the_field("image_2"); ?></div>
<div class="mySlides"><?php the_field("image_3"); ?></div>
<div class="mySlides"><?php the_field("image_4"); ?></div>
<div class="mySlides"><?php the_field("image_5"); ?></div>
<div class="mySlides"><?php the_field("image_6"); ?></div>
<div class="mySlides"><?php the_field("image_7"); ?></div>
<div class="mySlides"><?php the_field("image_8"); ?></div>
<div class="mySlides"><?php the_field("image_9"); ?></div>
<div class="mySlides"><?php the_field("image_10"); ?></div>

使用这个系统，我的问题是，我有义务上传10分钟的图片，每次我想做一个帖子。

例如，如果我上传了7个图片，它将有3个空空间，因为我有10个字段。所以我在导航中看到的是：

image_1 > image_2 > image_3 > image_4 > image_5 > image_6 > image_7 > image_8 (空格)> image_9 (空白)> image_10 (空白)> image_1

是否有办法只查看那些包含图像的字段？这样，我没有义务每次上传10张图片。因为我有一个帖子类型，所以我不会有10个图片，每次我想做一个帖子。

你有什么建议吗？

Answer 1

您只需检查它是否返回一个值：

<?php if(get_field("image") != ""): ?>
        <div class="mySlides"><?php the_field("image"); ?></div>
<?php endif; ?>

但是，正如注释中提到的，中继器/库控制可能是更好的选择。