Question

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

问题是我正在从W3schools http://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_slideshow_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个图像字段的帖子类型。它是这样的：

<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＆gt; image_2＆gt; image_3＆gt; image_4＆gt; image_5＆gt; image_6＆gt; image_7＆gt; image_8（空格）＆gt; image_9（空格）＆gt; image_10（空格）＆gt; IMAGE_1

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

你有一些推荐吗？

Answer 1

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

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

但正如评论中所提到的，转发器/图库控件可能是更好的选择。

在Wordpress中制作javascript幻灯片

1 个答案: