我正在迈出学习编程的第一步。我在网上做了一些关于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> image_2> image_3> image_4> image_5> image_6> image_7> image_8(空白)> image_9(空白)> image_10(空白)>image_1
是否有一种方法可以只看到那些包含图像的字段?像这样，我没有义务每次上传10张图片。因为我有一个帖子类型，所以我不会有10个图像每次我想发表一个帖子。
你有什么建议吗?
您只需要检查它是否返回值:
<?php if(get_field("image") != ""): ?>
<div class="mySlides"><?php the_field("image"); ?></div>
<?php endif; ?>
但是正如评论中提到的，一个中继器/库控件可能是一个更好的选择。