【问题标题】:Count row and repeat the same rows within Loop计算行并在循环中重复相同的行
【发布时间】:2019-08-30 05:29:22
【问题描述】:

我正在处理 mansory 画廊,这里的图像提取到第一行包含三个图像,然后第二行包含两个图像,依此类推。 现在目前所有图像都在同一行内。我想添加一个我尝试过但无法达到结果的循环。对于inspiration link

<?php
  include('admin/config.php');
  $result = mysqli_query($db, "SELECT * FROM gallery order by id desc");
 // var_dump($result->num_rows); 

 while ($row = mysqli_fetch_array($result)) {
   echo "<div class='gallery-items'>";
    echo "<div class='mansory-item'>";
        echo "<a href='admin/images/".$row['path']."' data-lightbox='gallery' class='ansa-thumb'>";
            echo "<img src='admin/images/".$row['path']."' class='item-img img-1'>";
        echo "</a>";
    echo "</div>";
  echo "</div>";
  }
?>

电流输出

预期输出

谁能建议我应该如何得到这个输出。

【问题讨论】:

  • 有多少张图片? 6?像每行 3,2,1?
  • @Rahul 我共有 10 张图片。
  • @Rahul 第一行包含 3 张图片,第二行包含两张图片。对所有 3,2 3,2 都一样
  • 请检查我的回答。经过测试和验证。
  • @Rahul 您的代码显示了无限循环,其中包含我目前获得的同一行多个图像。

标签: php loops


【解决方案1】:

检查下面的sn-p,

$inc   = 4;
$i     = 1;
while ($row = mysqli_fetch_array($result)) {
    if (empty($temp) || $inc != $temp) {
        $temp = $inc;
        if ($inc == 4) {
            echo "<div class='gallery-grid'>";
        }
        echo "<div class='gallery-items'>";
    }
    if ($i <= $inc) {
        // echo $i . '<>';
        echo "<div class='mansory-item'>";
        echo "<a href='admin/images/" . $row['username'] . "' data-lightbox='gallery' class='ansa-thumb'>";
        echo "<img src='admin/images/" . $row['username'] . "' class='item-img img-1'>";
        echo "</a>";
        echo "</div>";
        $i++;
    }
    if ($i == $inc) {
        echo "</div>";
        if ($i == 3) {
            echo "</div>";
        }
        $i   = 1;
        $inc = ($inc == 4 ? 3 : 4);
    }
}

【讨论】:

  • 在第二个重复循环的一个循环之后,我们可以为第二个迭代循环添加id="ansa-load",是否可以。
  • 你的意思是当mansory-itemgallery-items 的类数为2 时?
  • 不,我说的是完整的第 3,2 行和相同的迭代 3,2,这里我将这些行包装到一个父 div masonry-grid
    3, 2
    和同样的
    3,2
  • 好的,我正在检查
  • @Husna 我进行了更改。请考虑支持答案,因为你可以。 :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-11-23
  • 2021-06-23
  • 1970-01-01
  • 1970-01-01
  • 2023-03-17
相关资源
最近更新 更多