與PHP中的不同div類循環的圖像

Question

假設我有像下面這樣的代碼

<?php 
$sql = "SELECT * FROM images";
$query = mysql_query($sql);

while($row = mysql_fetch_assoc($query)) {
    echo '<div class="single">';
    echo '<img src="'.$row['image'].'" alt="'.$row['title'].' " />';
    echo '</div>';
} 
?>

我想在每組5張圖片的div類<div class="single">中附加first和last

<div class="single first">
    <img src="image1.jpg" alt="title1" />
</div>

<div class="single">
    <img src="image2.jpg" alt="title2" />
</div>

<div class="single">
    <img src="image3.jpg" alt="title3" />
</div>

<div class="single">
    <img src="image4.jpg" alt="title4" />
</div>

<div class="single last">
    <img src="image5.jpg" alt="title5" />
</div>

如何通過循環做到這一點，請幫忙，

謝謝：）

Answer 1

使用模：

<?php 
$sql = "SELECT * FROM images";
$query = mysql_query($sql);

$i = 0;
$class = "";

while($row = mysql_fetch_assoc($query)) {

    if($i % 5 == 0){
        $class = 'first';
    }else if($i % 5 == 4){
        $class = 'last';
    }else{
        $class = "";
    }

    echo '<div class="single ' . $class . '">';
    echo '<img src="'.$row['image'].'" alt="'.$row['title'].' " />';
    echo '</div>';

    $i++;
} 
?>

Answer 2

<?php 
$sql = "SELECT * FROM images";
$query = mysql_query($sql);

$x=0; 
while($row = mysql_fetch_assoc($query)) {
    $x++;
    if ( $x == 1 ) { $c = ' first'; } 
        elseif ( $x == 5 ) { $c = ' last'; }
        else { $c = ''; }

    echo '<div class="single' . $c . '">';
    echo '<img src="'.$row['image'].'" alt="'.$row['title'].' " />';
    echo '</div>';
} 
?>

Answer 3

這個怎么樣：

$index = 0;
while($row = mysql_fetch_assoc($query)) {
    $classes = 'single';
    switch ($index % 5) {
      case 0:
        $classes .= ' first';
        break;
      case 4:
        $classes .= ' last';            
        break;
    }
    echo <<<HTML
<div class="$classes">
  <img src="{$row['image']}" alt="{$row['title']}" />
</div>;
HTML;

    $index++;
}

作為旁注，您是否考慮過改用CSS nth-child屬性？

Answer 4

您需要計算迭代次數，並使用取模函數得到5的一部分：

$sql = "SELECT * FROM images";
$query = mysql_query($sql);

$i = 0;
while($row = mysql_fetch_assoc($query)) {
    if($i % 5 == 0)
      echo '<div class="single first">';
    else if($i % 5 == 4) 
      echo '<div class="single last">';
    else
      echo '<div class="single">';
    echo '<img src="'.$row['image'].'" alt="'.$row['title'].' " />';
    echo '</div>';
    $i++;
}

與PHP中的不同div類循環的圖像

問題描述

4 個解決方案

解決方案1
5 已采納 2012-09-26 14:39:09

解決方案2
2 2012-09-26 14:38:03

解決方案3
1 2012-09-26 14:39:04

解決方案4
1 2012-09-26 14:39:04

與PHP中的不同div類循環的圖像

問題描述

4 個解決方案

解決方案1 5 已采納 2012-09-26 14:39:09

解決方案2 2 2012-09-26 14:38:03

解決方案3 1 2012-09-26 14:39:04

解決方案4 1 2012-09-26 14:39:04

解決方案1
5 已采納 2012-09-26 14:39:09

解決方案2
2 2012-09-26 14:38:03

解決方案3
1 2012-09-26 14:39:04

解決方案4
1 2012-09-26 14:39:04