Mehrere Bilder aus Datenbank nebeneinander - wie?

<?php 
$zeile = $mysqli->query("SELECT newbilder, alt FROM bilder");
?>    







<div class="gallery">
<?php 
while ($bilder = $zeile->fetch_assoc()) {
  echo '
  <ul class="first">
    <li><img src="'.htmlspecialchars($bilder['newbilder']).'" alt="'.htmlspecialchars($bilder['alt']).'"/></li>
  </ul>  
  ';




} 
?>
</div>

<div class="gallery">
  <a href="new_arrival.html"><img src="images/aurora.jpg" alt=""/></a>




  <ul class="first">
    <li><a href="new_arrival.html"><img src="images/summer-collection.jpg" alt=""/></a></li>
    <li><a href="new_arrival.html"><img src="images/beach-bride.jpg" alt=""/></a></li>
    <li><a href="new_arrival.html"><img src="images/motherhood-apparel.jpg" alt=""/></a></li>
  </ul>
  <ul>
    <li><a href="new_arrival.html"><img src="images/fashionable.jpg" alt=""/></a></li>
    <li><a href="new_arrival.html"><img src="images/accessories.jpg" alt=""/></a></li>
    <li><a href="new_arrival.html"><img src="images/skin-perfect.jpg" alt=""/></a></li>
  </ul>
</div>

<div class="gallery">
  <a href="new_arrival.html"><img src="images/aurora.jpg" alt=""/></a>




  <ul class="first">
    <?php *hole_hier_maximal_3_bilder*?>
  </ul>
  <ul>
    <?php *hole_hier_maximal_3_bilder*?>
  </ul>
</div>

<?php
$zeile = $mysqli->query("SELECT newbilder, alt FROM bilder");
while ($bilder = $zeile->fetch_assoc()) {
  /*
  vorlage: 
    <li><a href="new_arrival.html"><img src="images/summer-collection.jpg" alt=""/></a></li>




  es muss *HIER* dynamisch ergänzt/eingefügt werden:
    <li><a href="*HIER*"><img src="*HIER*" alt="*HIER*"/></a></li>
  */




  // daten der übersicht wegen in variablen abgelegt:
  $href = htmlspecialchars($bilder['???']);
  $src = htmlspecialchars($bilder['newbilder']);
  $alt = htmlspecialchars($bilder['alt']);




  // alle links in einem array sammeln:
  $links[] = '<a href="'.$href.'"><img src="'.$src.'" alt="'.$alt.'" /></a>';
} 




// jetzt setzen wir "alles zusammen":
$n = 3; // immer bilder in $n -gruppen ausgeben (hier dreiergruppen)
$i = 0; // fürs mitzählen, wieviele bilder in einer gruppe schon ausgegeben wurden




$anfang = '
<div class="gallery">
  <a href="new_arrival.html"><img src="images/aurora.jpg" alt=""/></a>
';




$mitte = '';




$ende = '
</div>
';




foreach($links as $link){ // für jeden link im array $links
  if($i == 0){
    // anfang einer gruppe: brauchen hier die <ul>
    $mitte .= '<ul class="*WEIß NICHT WAS DU HIER FÜR EINE CLASS BRAUCHST*">';
  }




  // zur erinnerung:
  // in $link steckt jetzt: '<a href="'.$href.'"><img src="'.$src.'" alt="'.$alt.'" /></a>'
  $mitte .= '<li>'.$link.'</li>'; 




  if($i == $n){
    // wir haben $n links in einer gruppe: also $i wieder auf 0 um die nächste gruppe zu erstellen
    $i = 0;
    // und die </ul> schließen:
    $mitte .= '</ul>';
  }else{    
    $i++; 
  } 
}




// koplette liste ausgeben:
echo $anfang.$mitte.$ende;
?>