Как я могу получить изображения для отображения в таких строках, как это с помощью PHP и CSS?

Question

Я хотел бы знать, как я могу отобразить изображения, как на картинке: я знаю, что мне нужно извлечь изображения, используя цикл while, но затем отображать их так, как это сложно, спасибо !!:))

Answer 1

Может быть, это:

<UL>
  <LI CLASS="image">
    <IMG SRC="..." />
  </LI>
  <LI CLASS="image">
    <IMG SRC="..." />
  </LI>
  <LI CLASS="image">
    <IMG SRC="..." />
  </LI>
</UL>

С этим CSS:

.image {
  display: inline;
}

Answer 2

Отображение изображения зависит от использования тега html <img>, и вы можете использовать оператор по модулю %, чтобы знать, когда вы отображаете X изображений, чтобы вы могли закрыть существующую строку.и откройте новый.

$images ; //array of image urls
$countImages = count($images) ;

$imagesPerRow = 5 ;

for ($i = 0 ; $i < $countImages; $i++) {
    //display image here
    $image = $images[$i] ;
    echo "<img src='$image'>" ;

    if ($i % $imagesPerRow == 0) {
        //have displayed an entire row
        echo '<br>' ;
    }
}

Modulo возвращает остаток от деления.Итак, допустим, вы хотите строки из 5 изображений.Если $ i делится ровно на 5, то остаток будет равен 0, что означает, что было показано 5 изображений, поэтому пришло время для новой строки.

Answer 3

Это на самом деле не так сложно, у вас просто PHP выводит HTML таблицы.

Вот краткий пример:

$imagenum=0;
echo "<table>";
while( $imagenum < $maximages){
  echo "<tr>";
  for ( $i = 0; $i < 4; $i += 1) {
    echo "<td>";
    if( $imagenum < $maximages){
     echo "<img src='";
     echo get_url_of_my_image($imagenum);
     echo "' >";
    }
    echo "</td>";
    $image+=1;
  }
  echo "</tr>";
}
echo "</table>";