Forum PHP.pl > [PHP]Galeria podział na kolumny

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP]Galeria podział na kolumny

kamil430

23.01.2009, 22:53:02

Mam takie pytanko: jak przerobić galerie żeby zdjęcia wyświetlały się w trzech kolumnachzamiast w jednej i żeby tytuł, umieszczony przez, data umieszczenia były pod zdjęciem a nie obok.

Teras galeria wygląda tak

http://www.kolczak.nazwa.pl/portal/gallery.php

Kod

<?php

//połączenie z bazą danych
$link = mysql_connect('########', '#####', '####')
or die("Nie moge się połączyć; " . mysql_error());
mysql_select_db("#######", $link)
or die (mysql_error());

$ImageDir = '../zdjecia/';
$ImageThumb = $ImageDir . "thumbs/";
?>

<html>
<head>
<title>Galeria zdjęć</title>
</head>
<body>
<p align="center">Kliknij miniaturke, aby zobaczyć powiększenie.</p>
<table align="center">
<tr>
    <td align="center">Obraz</td>
    <td align="center">Tytuł</td>
    <td align="center">Umieszczony przez</td>
    <td align="center">Data umieszczenia</td>
</tr>
<?php
//pobieranie miniaturki
$getpic = mysql_query("SELECT * FROM images")
or die(mysql_error());
while ($rows = mysql_fetch_array($getpic)) {
extract($rows);
echo "<tr>\n";
echo "<td><a href=\"".$ImageDir . $image_id . ".jpg\">";
echo "<img src=\"" . $ImageThumb . $image_id . ".jpg\" border=\"0\">";
echo "</a></td>\n";
echo "<td>" . $image_caption . "</td>\n";
echo "<td>" . $image_username . "</td>\n";
echo "<td>" . $image_date . "</td>\n";
echo "</tr>\n";
}

?>
</table>
</body>
</html>

erix

23.01.2009, 23:31:30

Jeśli chodzi o coś takiego, to bym proponował wykorzystanie listy wyliczeniowej, w której każdy element pełniłby funkcję "bloczku" zawierającego zdjęcie i opis.

A w przypadku Twojego kodu, wyliczaj resztę z dzielenia przez trzy i wtedy, jeśli reszta = 0, rozpoczynaj kolejny wiersz tabeli.

PS. Używaj poprawnego bbcode.

kamil430

24.01.2009, 20:23:05

Jakbyś mógł przedstawić mi to bardziej szczegółowo.

erix

24.01.2009, 21:19:50

Co do pierwszej wersji:

[HTML] pobierz, plaintext 
<ul>
<li><img src="" alt="" /><span>opis</span>....</li>
<li><img src="" alt="" /><span>opis</span>....</li>
<li><img src="" alt="" /><span>opis</span>....</li>
<li><img src="" alt="" /><span>opis</span>....</li>
</ul>
[HTML] pobierz, plaintext

i odpowiednio to ostylować (szerokość + float).

Druga: podam tylko pseudokod, pozostałe fragmenty do poczytania w manualu:

Kod

wyswietl 'nowy wiersz tabeli';

licznik = 0;
while(odczyt z bazy){
  jeżeli(reszta z licznik dzielone przez trzy = 0){
    wyswietl 'zamknij wiersz tabeli';
    wyswietl 'otworz wiersz tabeli';
    licznik = 0
  }

  ... (wyswietlanie komorki tabeli)
  zwieksz licznik o jeden;
}

wyswietl 'zamknij wiersz tabeli';

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.