获取4个不同大小的图像

vuktfyat  于 2021-06-20  发布在  Mysql
关注(0)|答案(0)|浏览(224)

你好,我想显示所有的图片,但如果我的表是每行的话,似乎很难找到不同大小的图片。请看一下这张照片。您可以看到,所有图像都在一行中。所以我使用数组来显示它,并调用它的列名来分隔每个个体的宽度和高度。我怎样才能把它按行取出来。例如:行1:存储图像\u one的位置行2:存储图像\u two的位置行3:存储图像\u three的位置行4:存储图像\u three的位置
所以基本上它有主键。这里是它的css:这是肖恩在这里的堆栈

img {
  height: 200px; // set a standard height
  padding-bottom: 5px; // add a space between the img rows
}
.image-one-frame, .image-four-frame {
  width: 66%; // make one and four 2/3 the width
}
.image-two-frame, .image-three-frame {
  width: 33%; // make two and three 1/3 the width
}
.image-one-frame, .image-three-frame {
  float: left; // make one and three float left
}
 .image-two-frame, .image-four-frame {
  float: right; // make two and four float right
}
$viewquery= mysqli_query($connection,"SELECT * from sales");
 while($row = mysqli_fetch_assoc($viewquery)) {

  echo'   <div class="div-frame-five">';

  echo'     <img src="images/'.$row["image_one"].'"   alt=""   class="image- 
  one-frame">';
  echo'     <img src="images/'.$row["image_two"].'"   alt=""   class="image- 
  two-frame">';
  echo'     <img src="images/'.$row["image_three"].'" alt=""   class="image- 
  three-frame">';
  echo'     <img src="images/'.$row["image_four"].'" alt=""   class="image- 
  four-frame">';
  echo' </div>';

}
这是db image表中的表

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题