数据库无图片时如何隐藏small-Card容器？附PHP尝试代码

你的代码核心问题是small-Card容器没有被包裹在判断逻辑里——不管$productImages是否为空，这个div都会被渲染出来，只是空数据时内部没有内容，所以无法实现隐藏效果。

修正后的代码如下，同时顺便修复你代码里featured-image标签的语法错误：

<!-- Featured image -->
<?php if (!empty($productImages)) { ?>
    <img src="uploads/<?php echo $productImages[0]; ?>" alt="Featured product image" id="featured-image">
<?php } else { ?>
    <!-- 无图片时可选择显示默认图或隐藏主图，按需调整 -->
    <img src="path/to/default-image.jpg" alt="No image available" id="featured-image">
<?php } ?>

<!-- Small images -->
<?php if (!empty($productImages)) { ?>
    <div class="small-Card">
        <?php foreach ($productImages as $key => $image) { ?>
            <img src="uploads/<?php echo $image; ?>" alt="Product thumbnail" class="small-Img">
        <?php } ?>
    </div>
<?php } ?>

关键修改点： #

• 将small-Card整个div放入!empty($productImages)的判断块内，无图片时该容器不会被渲染，直接实现隐藏需求。
• 补全主图img标签的src属性（默认取第一张图作为主图，可根据实际业务逻辑调整）。
• 移除冗余的空else块，简化代码结构。

内容的提问来源于stack exchange，提问作者ALI EL BOUHALI