einfache Gallerie

pw84

Hallo zusammen

Ich suche jetzt schon geraume Zeit eine einfache Gallerie für unsere Vereinshomepage, habe aber bis jetzt nicht das gefunden, was ich mir vorstelle.

Also die Bilder sowie die Thumbnails sind schon fertig, und befinden sich in extra Ordnern.
Eine Tabelle, wo die Bilder rein sollen ist auch vorhanden. (siehe Code)
Nun suche ich nur ein Script was mir das lästige selberprogrammieren erspart und die Bilder aus den Ordnern selbstständig in die Tabelle einfügt. Beim anklicken des Bildes soll es sich in einem Popup öffnen.

Hier müssen die Thumbnails rein:

Code

<table width="583" align="center" cellpadding="0" cellspacing="3" style="border: 1px solid #FFFFFF; border-right: 1px dotted #FFFFFF; border-left: 1px dotted #FFFFFF">
    <tr>
      <td><div style="margin-top:8px; width:113px; height:75px"><a onClick="popUp1('URL/grossesbild.jpg')"><img src="URL/Thumbnail.jpg"></a></div></td>
      <td><div style="margin-top:8px; width:113px; height:75px"><a onClick="popUp1('URL/grossesbild.jpg')"><img src="URL/Thumbnail.jpg"></a></div></td>
      <td><div style="margin-top:8px; width:113px; height:75px"><a onClick="popUp1('URL/grossesbild.jpg')"><img src="URL/Thumbnail.jpg"></a></div></td>
      <td><div style="margin-top:8px; width:113px; height:75px"><a onClick="popUp1('URL/grossesbild.jpg')"><img src="URL/Thumbnail.jpg"></a></div></td>
      <td><div style="margin-top:8px; width:113px; height:75px"><a onClick="popUp1('URL/grossesbild.jpg')"><img src="URL/Thumbnail.jpg"></a></div></td>
    </tr>
    <tr>
      <td bgcolor="#E6B100">bleibtleer</td>
      <td bgcolor="#E6B100">bleibtleer</td>
      <td bgcolor="#E6B100">bleibtleer</td>
      <td bgcolor="#E6B100">bleibtleer</td>
      <td bgcolor="#E6B100">bleibtleer</td>
    </tr>
  </table>

Alles anzeigen

Und das Javascript für das Popup:

Code

</script>
	  <script type="text/javascript"> 
function popUp1(bildurl) 
{ 
   props="locationbar=no,menubar=no,scrollbars=no,resizable=yes,status=no,width=660,height=500"; 
   fenster = window.open(bildurl,"", props) 
   fenster.focus(); 
} 
</script>

Ich hoffe, es kann mir jemand weiterhelfen.

Danke im Vorraus

Bandit

Mit
http://de3.php.net/manual/de/function.glob.php
und
http://de3.php.net/manual/de/control-structures.foreach.php
sollte das kein großes Problem sein.

pw84

Kann mir da jemand eventuell helfen, das fertig zu programmieren? Ich habe von Php so ziemlich keine Ahnung

Bandit

Klar können wir dir helfen, wenn du uns sagst, wobei du genau Hilfe brauchst. Idealerweise zeigst du uns, was du bisher probiert hast, damit wir das dann korrigieren können.

http://www.php.net/manual/de
http://www.php-faq.de
http://www.php-einfach.de
http://www.schattenbaum.net/php/ (leider etwas veraltet)
http://www.galileocomputing.de/openbook/php4 (leider etwas veraltet)
http://tut.php-q.net/index.html
http://dev.mysql.com/doc/refman/5.1/de/index.html
http://ffm.junetz.de/members/reeg/DSP/
http://www.phptutorials.de
http://www.dynamic-webpages.de/05.tutorials.php
http://de.selfhtml.org/
http://www.css4you.de/index.html

pw84

Bisher habe ich das so gemacht, wie ich es bereits oben beschrieben habe.
ein Thumbnail wurd durch anklicken in einem Popup geöffnet dessen Vorgaben, oben im Dokument angegeben waren.

Was soll auch alles so erhalten bleiben. Nur das ich mir das umschreiben auf jedes einzelne Bild sparen möchte.

Ich möchte also nicht jedesmal für die einzelnen Bilder die Adresse angeben, sondern möchte das so haben, das Beispielsweise durch Php die Adressen selbständig von den Ordnern, in denen die Bilder drin sind
, in die dafür vorgesehenden Stellen eingefügt werden. im Html Dokument eingefügt werden.

Bandit

Mit anderen Worten: du hast bisher nichts dafür getan, selber eine Lösung zu finden und wartest hier auf fertigen Quellcode. Super!
Vom Prinzip her ungefähr so:

PHP

<?php
    $thumbs = glob("./thumbs/*.*");
 
    foreach ($thumbs as $thumb)
    {
       $large = "./images/" . basename($thumb);
 
       echo "<td style=\"margin-top:8px; width:113px; height:75px\">
              <a onClick=\"popUp1('$large')\"><img src=\"$thumb\"></a>
             </td>\n";
    }
?>

Alles anzeigen

pw84

natürlich nicht. Ich hab mich schon zu genüge duchgegoogelt. Aber die angebotenen Varianten gefallen mir einfach nicht. Und da ich keine Ahnung von Php habe, frage ich hier nach.

Danke schonmal fürs Script.

Bandit

Zitat von pw84

Und da ich keine Ahnung von Php habe

Also, ich habe Gerüchte gehört, dass man PHP lernen kann und nicht mit PHP-Kenntnissen auf die Welt kommen muss.

pw84

Zitat von bandit600

Also, ich habe Gerüchte gehört, dass man PHP lernen kann und nicht mit PHP-Kenntnissen auf die Welt kommen muss.

Richtig. Ich möchte für diese eine Sache aber nicht extra Php lernen, wenn einem hier, durch Personen, die das drauf haben, geholfen werden kann.

Bandit

Tja, dann hast du ein Problem. Denn ohne Grundkenntnisse in PHP wirst du wahrscheinlich kein Script erstellen bzw. anpassen können. Und die Wahrscheinlichkeit, dass dir hier jemand ein Script maßschneidert, ist nicht besonders groß.

pw84

Hmm , wo füge ich denn das genau ein? Muss das in die Tabelle oder in den head?

Bandit

Wenn du bitte mal genau hinsehen würdest. Was wird dort im Script ausgegeben (echo)? Das steht was von <td....>, oder? Wo muss das dann wohl hin?

pw84

Wenn ich das so einfüge. klappt das aber nicht.

PHP

......<td>
<?php
    $thumbs = glob("hallen-siebenkampf-2008/siebenkampf/klein/*.*");
 
    foreach ($thumbs as $thumb)
    {
       $large = "hallen-siebenkampf-2008/siebenkampf/gross/" . basename($thumb);
 
       echo "<td style=\"margin-top:8px; width:113px; height:75px\">
              <a onClick=\"popUp1('$large')\"><img src="$thumb"></a>
             </td>\n";
    }
?>
</td>.......

Alles anzeigen

Bandit

Zitat von pw84

klappt das aber nicht.

Das ist keine Problembeschreibung! Und wenn per echo <td....> ausgegeben wird, was sollen dann die td's vor und nach dem PHP-Teil?

pw84

Also gut, soweit klappt alles.
Wie bekomm ich das jetzt hin, das beispielsweise nach 4 Spalten eine neue Zeile ausgeben wird?

Bandit

In dem du PHP lernst. Ups, das willst du ja garnicht.

1. Zählvariable mitlaufen lassen
2. Wenn 4 Spalten erreicht sind, tr einbauen
3. Nach der Schleife überprüfen, ob in der letzten Zeile auch 4 Spalten eingetragen wurden. Wenn nicht, fehlende Spalten einbauen.

Unregistriert

Hallo,
ich würde divs nehmen, dann kann man sich den rest sparen.

Ansonsten sowas in der Art:

<?php
$thumbs = glob("hallen-siebenkampf-2008/siebenkampf/klein/*.*");

$i=0; // Zählvariable

foreach ($thumbs as $thumb)
{
$large = "hallen-siebenkampf-2008/siebenkampf/gross/" . basename($thumb);

echo "<td style=\"margin-top:8px; width:113px; height:75px\">
<a onClick=\"popUp1('$large')\"><img src="$thumb"></a>
</td>\n";

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

$i++; // Zählvariable zählt hoch
}
$j=$i%4;
for($k=0; $k<$i;$k++){
echo '<td></td>';
}
?>

PS: Ich habe bewusst Fehler eingebaut, die als Aufgabe gefunden werden müssen!

pw84

Ahhhh, Dankeschön.

Hab noch ein bisschen was verändert.

PHP

<?php
$thumbs = glob("hallen-siebenkampf-2008/siebenkampf/klein/*.*");


$i=0; // Zählvariable


foreach ($thumbs as $thumb)
{
$large = "hallen-siebenkampf-2008/siebenkampf/gross/" . basename($thumb);


echo "<td style=\"margin-top:8px; width:113px; height:75px\">
<a onClick=\"popUp1('$large')\"><img src=\"$thumb\"></a>
</td>\n";


if($i%5 == 4){
echo '</tr><tr>';
}


$i++; // Zählvariable zählt hoch
}
$j=$i%5;
for($k=0; $k<$i;$k++){
echo '<td></td>';
}
?>

Alles anzeigen

Unregistriert

Aber Du wolltest doch 5 in einer Reihe..

Bandit

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Gallery</title>
</head>
<body>
<table>
<?php
    $picsPerLine = 4;

    $thumbs = glob("./hallen-siebenkampf-2008/siebenkampf/klein/*.*");

    for ($i = 0; $i < count($thumbs); $i++)
    {
       if (! ($i % $picsPerLine))
         echo "<tr>\n";

       $large = "./hallen-siebenkampf-2008/siebenkampf/gross/" . basename($thumbs[$i]);

       echo "<td style=\"margin-top:8px; width:113px; height:7$picsPerLinepx\">
              <a onClick=\"popUp1('$large')\"><img src=\"$thumbs[$i]\"></a>
             </td>\n";

       if (! (($i+1) % $picsPerLine))
         echo "</tr>\n";

    }

    if ($i % $picsPerLine)
    {
       echo "<td colspan='" . ($picsPerLine - ($i%$picsPerLine)) . "'>&nbsp;</td>\n</tr>\n";
    }
?>
</table>
</body>
</html>

Alles anzeigen

Tags