Php 隐藏img转盘盒（如果为空）

如果用户只选择了9个图像，我想隐藏其他图像div，否则如果没有添加图像，它将显示一个空白框，那么如何隐藏div。这是一个旋转木马

<h2><?php echo $title ?></h2>

<!-- Swiper -->

<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img style="width:100%; height:100%" src="
<?php echo $Image_Input_1 ?>"></div>

<div class="swiper-slide"><img style="width:100%; height:100%" src="
<?php echo $Image_Input_2 ?>"></div>

<div class="swiper-slide"><img style="width:100%; height:100%" 
src="<?php echo $Image_Input_3 ?>"></div>

<div class="swiper-slide"><img style="width:100%; height:100%" 
src="<?php echo $Image_Input_4 ?>"></div>

<div class="swiper-slide"><img style="width:100%; height:100%" 
src="<?php echo $Image_Input_5 ?>"></div>

<div class="swiper-slide"><img style="width:100%; height:100%" 
src="<?php echo $Image_Input_6 ?>"></div>

<div class="swiper-slide"><img style="width:100%; height:100%" 
src="<?php echo $Image_Input_7 ?>"></div>

<div class="swiper-slide"><img style="width:100%; height:100%" 
src="<?php echo $Image_Input_8 ?>"></div>

<div class="swiper-slide"><img style="width:100%; height:100%" 
src="<?php echo $Image_Input_9 ?>"></div>

<div class="swiper-slide"><img style="width:100%; height:100%" 
src="<?php echo $Image_Input_10 ?>"></div>
</div>

<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>

">
">
">
">
">
">
">
">
">
">

只需将图像放入数组中，并使用

foreach循环即可

以下是您的操作方法：

将图像放入阵列中

$image_inputs = array(
    $Image_Input_1,
    $Image_Input_2,
    $Image_Input_3,
    $Image_Input_4,
    $Image_Input_5,
    $Image_Input_6,
    $Image_Input_7,
    $Image_Input_8,
    $Image_Input_9,
    $Image_Input_10
);

并使用foreach循环它

<?php foreach($image_inputs as $image):?>
<div class="swiper-slide">
    <img style="width:100%; height:100%; <?php echo (empty($image) ? 'display:none;' : ''); ?> " src="<?php echo $image; ?>">
</div>
<?php endforeach; ?>

">

以下是全部代码

---

您可以检查$Image\u Input\u 10是否有值。如果没有值，则隐藏div。请参阅下面添加在您的swiper容器div上的我的代码

 <div class="swiper-container" <?php if(isset($Image_Input_10)){ echo 'style="display:none;"';} ?>>

---

这是如何回答这个问题的？他问的是如何在用户选择中隐藏div。而不是如何显示空白图像。你不应该首先回答这个问题，因为OP根本不显示用户选择是如何发生的。他也只想将div显示为一个空白框。他有两个选项。使用空白图像或只对divMuc执行cssh better:）但在OP澄清他的问题之前，没有什么好的答案。你的答案和它提供的信息一样好。我会关注一下这个问题。看看OP是否有回应。如果没有，我至少会给你一个+1作为回报。正如你所看到的，他想隐藏基于XML文件的图像。所以你必须一旦他给了我们一个例子，就完全改变你的答案。这就是为什么这个问题很难回答：PHaha。我想我只是很高兴回答，因为我现在在办公室里什么都没做。请记下你的问题。用户是如何选择图像的？你只是向我们展示图像是如何显示的。其他什么都没有。它包含在xml文件中，用户可以选择在xml文件中创建字段类型后显示1个还是10个图像，我在这段代码中创建了一个要显示的图像数量限制为10个。例如，用户选择3个图像，我希望它会在其为空时隐藏剩下的7个空白。请回答您的问题并向我们展示一个示例这是这样一个XML文件的一部分。如果没有它，我们无法向您展示如何在XML文件中隐藏基于设置的图像。请在代码中使用
empty（）
而不是
isset（）
。
isset（）
只检查变量是否存在。而不是检查变量是否为空。
 <div class="swiper-container" <?php if(isset($Image_Input_10)){ echo 'style="display:none;"';} ?>>