如何在PHP中制作画廊照片

如何在PHP中制作画廊照片,php,html,css,Php,Html,Css,这是我正在制作的网站上画廊的代码 <h3>Gallery</h3> <?php include"includes/connection.php"; $sql = "select * from kategorije"; $res = mysqli_query($con, $sql); while($row = mysqli_fetch_assoc($res)) { ?> <h4 class="text-center"><?php echo

这是我正在制作的网站上画廊的代码

<h3>Gallery</h3>
<?php
include"includes/connection.php"; 
$sql = "select * from kategorije";

$res = mysqli_query($con, $sql);
while($row = mysqli_fetch_assoc($res))
{
?>

<h4 class="text-center"><?php echo ucwords($row['naziv']); ?></h4>
<?php
    $id = $row['sifra'];
    $sql1 = "select * from rad where kategorija = $id";

    $res1 = mysqli_query($con, $sql1);
    $n = mysqli_num_rows($res1);
    if($n>0)
    {
        while($row1 = mysqli_fetch_assoc($res1))
        {
            $pid = $row1['sifra']; 
?>
        <div class="col-md-2 col_1">
            <a href="single.php?id=<?php echo $pid ?>"><img src="uploads/<?php echo $row1['datoteka']; ?>" class="img-responsive" alt=""/></a>
        </div>
<?php
        }
    }else{
?>
        <div class="col-md-2 col_1">
            <h6>No Images</h6>
        </div>
<?php
    }
?>
    <div class="clearfix"></div>
<?php
}
?>
图库
没有图像
我需要使所有的照片在画廊有相同的高度和宽度时,他们上传,但我不知道如何。我尝试插入此代码,但无法正常工作:

echo"<img src='$dir_path$files[$i]'style='width:150px;height:200px;'>
echo”

我也尝试了CSS,但也不起作用。

因为您只想以另一种尺寸显示它们,您可以通过尝试的方式实现这一点,但使用正确的语法。我希望这一行代码适用于需要调整大小的图像:

<a href="single.php?id=<?php echo $pid ?>"><img src="uploads/<?php echo `$row1['datoteka']; ?>" class="img-responsive" height="200" width="150" alt=""/></a>`
`
让我知道它对你有用。如果这不是你想做的,请记住,你只需遵循以下语法:

<img src="http://url.com/pic.png" width="150" height="200">


仅此而已。

您是否回显了$row?可以吗?您希望它们以相同的高度和宽度上传,还是仅以相同的高度和宽度显示?显示将非常简单,因为上传将有点困难。显示!…它们上传得很好,并且该部分工作正常1)您浪费带宽显示大型图像和使用CSS缩小它们2)如果您使用CSS调整它们的大小,并且原始图像是不同的形状,则会扭曲图像。一些合理的代码缩进将是一个好主意。它有助于我们阅读代码,更重要的是,它将帮助您调试代码,以实现您自己的利益。您可能会被要求在几周/几个月内修改此代码,并且您不会最后谢谢我。Twinfriends,谢谢!虽然不是所有的照片都一样,但看起来确实好多了!@rand这很奇怪。通常它们现在都应该有相同的大小/高度。但是可以肯定的是,如果它们是用白色边框或其他东西上传的,你可能会认为它们没有相同的大小。如果你使用google chrome,r右键单击图片,然后“检查”,然后您将看到有关图片的更多信息。