Array mit Laufindex ausgeben

[sascha_h]

Hallo Leute,

mein erster Post hier im Forum, suche jetzt schon drei Tage nach einer Lösung für mein Problem.

Ich habe eine Tabelle, in der ich Links zu Bildern gespeichert habe. Diese möchte ich nun ausgeben, möglichst in einer angenehmen Form. Ähnlich wie bei den Galerie Scripten die es alle so gibt.
Ich möchte gerne drei Bilder nebeneinander und dann N Zeilen untereinander ausgeben lassen. In einem Galerie Script habe ich dieses gefunden, das will aber nicht funzen. Es werden immer 12 Bilder nebeneinander angezeigt. Das scheint das zu sein, was in die Tabelle aussen drum passt.
Setze ich das $i=0 vor die while Schleife werden komischerweise nur 16 der 48 vorhandenen Einträge angezeigt. Verstehe nicht so ganz wo mein NEWBIE Denkfehler ist.

Danke.

Mein Script:

    $picture = $mysqli->query("select pic_link, thumb_link FROM competition order BY sn desc");
    { 
        while($zeile1 = $picture->fetch_array()) 
            {
            $i = 0;
                //Reihe mit je drei Bildern
                    if ($i % 3 == 0) 
                    echo 
                     "<tr><td id='tableww'>"  . "<a rel='mylightbox' class='navi' href='" 
                     . htmlspecialchars($zeile1["pic_link"]) . "' target='_blank'><img src='" 
                     . htmlspecialchars($zeile1["thumb_link"]). "' width='60px'  border='none'></a>" 
                     . "</td></tr>";
                    $i ++;
            }            
    } 

[Kropff]

Zuerst schmeisst du mal das id='tableww' raus. Eine ID darf pro Seite nur einmal vorkommen. Dann setze du Bedingung einfach so um:

if ($i % 3 == 0) {
  echo '<tr>';
}
echo '<td id="tableww">....</td>';
if (($i + 1)% 3 == 0) {
  echo '<tr>';
} 

Und das $i = 0 gehört über die while-Schleife.
Peter

[sascha_h]

Hallo Peter, erstmal danke für den Hinweis mit der ID="tableww", das habe ich entfernt.
Mein Script sind nun so aus:

$picture = $mysqli->query("select pic_link, thumb_link FROM competition order BY sn desc");
    { 
        $i = 0;
        while($zeile1 = $picture->fetch_array()) 
            {
            
                if ($i % 3 == 0) {
                    echo '<tr>';
                    }
                        echo 
                        '<td>' . '<a rel="mylightbox" class="navi" href="'. htmlspecialchars($zeile1["pic_link"]) . '" target="_blank">
                        <img src="'. htmlspecialchars($zeile1["thumb_link"]). '" width="60px" border="none"></a>' . '</td>';
                        if (($i + 1)% 3 == 0) {
                          echo '<tr>';
                        } 
                
                    
            }            
    } 

Liege ich damit richtig?
Denn die Anzeige ( 12 Bilder nebeneinander ) ist immer noch die gleiche.

[Kropff]

Sollte eigentlich nicht sein. Hast du mal ein Online-Beispiel verfügbar? Oder schau dir mal den erzeugten HTML-Quellcode an. Ist der valide? Oder gibt es da Unstimmigkeiten?

Peter

[sascha_h]

Hallo Peter,

nein ich habe leider kein Online Beispiel, entwickle hier auf meinem iMac unter Xampp und Dreamweaver.
Hm so weit ich das sehen kann ist von den Rahmen Bedingungen her alles gut, nur die Ausgabe des Bilder Teils sieht nicht korrekt aus.

<a rel="mylightbox" class="navi" href="http://www.php-resource.de/forum/vollbild/2407-05-Silvina.jpg" target="_blank">
<img src="http://www.php-resource.de/forum/vorschaubild/2407-05-Silvina.jpg" width="60px" border="none"></a></td><tr><td>
<a rel="mylightbox" class="navi" href="http://www.php-resource.de/forum/vollbild/2407-04-Silvina.jpg" target="_blank">
<img src="http://www.php-resource.de/forum/vorschaubild/2407-04-Silvina.jpg" width="60px" border="none"></a></td><tr><td>
<a rel="mylightbox" class="navi" href="http://www.php-resource.de/forum/vollbild/2407-02-Silvina.jpg" target="_blank">
<img src="http://www.php-resource.de/forum/vorschaubild/2407-02-Silvina.jpg" width="60px" border="none"></a></td><tr><td>
<a rel="mylightbox" class="navi" href="http://www.php-resource.de/forum/vollbild/2407-06-Silvina.jpg" target="_blank">
<img src="http://www.php-resource.de/forum/vorschaubild/2407-06-Silvina.jpg" width="60px" border="none"></a></td><tr><td>
<a rel="mylightbox" class="navi" href="http://www.php-resource.de/forum/vollbild/2407-12-Silvina.jpg" target="_blank">
<img src="http://www.php-resource.de/forum/vorschaubild/2407-12-Silvina.jpg" width="60px" border="none"></a></td><tr><td>
<a rel="mylightbox" class="navi" href="http://www.php-resource.de/forum/vollbild/2407-11-Silvina.jpg" target="_blank">
<img src="http://www.php-resource.de/forum/vorschaubild/2407-11-Silvina.jpg" width="60px" border="none"></a></td><tr><td>
<a rel="mylightbox" class="navi" href="http://www.php-resource.de/forum/vollbild/2407-08-Silvina.jpg" target="_blank"> 

Habe hier noch einen Slash hinzugefügt hat aber nix geändert:

if (($i + 1)% 3 == 0) {
  echo '</tr>';
    } 

[Gast]

Zuerst mal, was sollen die umschliessenden {} (ganz aussen)?
und in deinem letzten beispiel fehlt das $i++;

$picture = $mysqli->query("select pic_link, thumb_link FROM competition order BY sn desc"); 
        $i = 0; 
        while($zeile1 = $picture->fetch_array())  
            { 
             
                if ($i % 3 == 0) { 
                    echo '<tr>'; 
                    } 
                        echo  
                        '<td>' . '<a rel="mylightbox" class="navi" href="'. htmlspecialchars($zeile1["pic_link"]) . '" target="_blank"> 
                        <img src="'. htmlspecialchars($zeile1["thumb_link"]). '" width="60px" border="none"></a>' . '</td>'; 
                        if (($i + 1)% 3 == 0) { 
                          echo '</tr>'; 
                        }  
                 
    $i++;                       
            } 

sollte gehen (ungetestet)

edit: da sehe ich gerade, das ich das untere </tr> falsch hatte... geändert

und bitte mal den post anpassen, ich muss auf 22" scrollen

[mephisto111]

$i=1;
$str='';
while($zeile1 = $picture->fetch_array()) 
{
      $str.='<td>'.'gewuenschter Inhalt'.'</td>';
      if($i%3==0)
      {
	    $str='<tr>'.$str.'</tr>'."\n";
	    echo $str;
	    $str='';
      }
      $i++;
}
$add='';
if(($i-1)%3!=0) # Letzte Zeile
{
      for($j=($i-1)%3+1;$j<=3;$j++)
      $add.='<td></td>';
      $str='<tr>'.$str.$add.'</tr>'."\n";
      echo $str;
}

[sascha_h]

morgen,
leider hatten beide Ansätze keinen Erfolg. Den Code von Peacie habe ich so integriert:

<?php

include "../includes/db_daten.php";
    $picture = $mysqli->query("select 
                              pic_link, thumb_link 
                              FROM competition order 
                              BY sn desc");
        $i = 0;
            while($zeile1 = $picture->fetch_array()) 
            {
                if ($i % 3 == 0) {
                    echo '<tr>';
                    }
                        echo 
                        '<td>' . '<a rel="mylightbox" class="navi" href="'
                        . htmlspecialchars($zeile1["pic_link"]) 
                        . '" target="_blank">
                        <img src="'. htmlspecialchars($zeile1["thumb_link"])
                        . '" width="60px" border="none"></a>' . '</td>';    
                        if (($i + 1)% 3 == 0) {
                          echo '</tr>';
                        } 
            $i++;
            }            
?>

Und den Code von Mephisto habe ich so umgesetzt:

<?php
include "../includes/db_daten.php";
    $picture = $mysqli->query("select 
                              pic_link, thumb_link 
                              FROM competition order 
                              BY sn desc");
$i=1;
$str='';
while($zeile1 = $picture->fetch_array()) 
{
      $str.='<td>'.'<a rel="mylightbox" class="navi" href="'
                        . htmlspecialchars($zeile1["pic_link"]) 
                        . '" target="_blank">
                        <img src="'. htmlspecialchars($zeile1["thumb_link"])
                        . '" width="60px" border="none"></a>'.'</td>';
      if($i%3==0)
      {
        $str='<tr>'.$str.'</tr>'."\n";
        echo $str;
        $str='';
      }
      $i++;
}
$add='';
if(($i-1)%3!=0) # Letzte Zeile
{
      for($j=($i-1)%3+1;$j<=3;$j++)
      $add.='<td></td>';
      $str='<tr>'.$str.$add.'</tr>'."\n";
      echo $str;
}



?>

beides hat leider den gleichen Effekt das soviel wie möglich Bilder pro Zeile angezeigt werden. Bis anscheinend die Tabelle voll ist und dann geht es in die nächste Zeile.

[h3ll]

Warum missbrauchst du HTML-Tabellen fürs Layout?

[sascha_h]

Sorry falsch ausgedrückt.
Keine Tabelle die, die breite der Seite vorgibt sondern das Box Modell.

[mephisto111]

The W3C Markup Validation Service

[sascha_h]

Mephisto, das hat den Fehler aufgedeckt:

{
        $str='<table><tr>'.$str.'</tr></table>'."\n";
        echo $str;
        $str='';
      } 

Es fehlte die Angabe das es sich um eine Table handelt.

Problem gelöst, vielen Dank an alle!!!