时间戳

首页 > 解决方案 > 如何为我在 php 中使用 while 循环显示的每个图像添加不同的 CSS 设计

php - 如何为我在 php 中使用 while 循环显示的每个图像添加不同的 CSS 设计

问题描述

谁能帮助我了解如何将不同的 CSS 设计应用于我在 PHP 中使用while循环显示的图像。我想知道是否可以在从数据库中获取的每张图像中应用不同的设计。

<?php

 $new = $_GET['id'];                         

 $imageResult = mysqli_query($db,"SELECT * FROM postimage ORDER BY post_id = '$new'  LIMIT 5");

 while( $imageRow = mysqli_fetch_array($imageResult)){

     echo "
         <div class='col-md-6 main-box' id='clickme'>
             <img class='box1 image-gallery' src='../img_upload/".$imageRow['name']."'' style='object-fit:cover;'>
         </div>";

 }
?>

这是我在显示我的数据库中的图像时使用的代码 这是我在我的网站上得到的

这就是我想要显示图像的方式（我可以在每张图像上应用 css 设计来调整它们的大小和位置）

注意：这张图片是使用连接表存储在我的数据库中的，所以这是使用相同的 id（这是我的 post_id）获取和显示的。我真的很感谢你们的任何帮助，非常感谢你们

标签： phpcsswhile-loop

解决方案

您可以将索引添加到特定类，并在此基础上正确查看该图像 .image-1 { ... your CSS }

<?php

 $new = $_GET['id'];
             
                      

                    $imageResult = mysqli_query($db,"SELECT * FROM postimage ORDER BY post_id = '$new'  LIMIT 5");
                
                       $count = 0;
                       while( $imageRow = mysqli_fetch_array($imageResult)){
                          $count++;
                          echo "

                            <div class='col-md-6 main-box image-".$coun."' id='clickme'>

                                <img class='box1 image-gallery' src='../img_upload/".$imageRow['name']."''
                                    style='object-fit:cover;'>

                            </div>";
                    }
                
                    ?>

推荐阅读