✔ BilderGalerie - Alben

Hi Leute =)

also ich hab mal etwas daran herum gebastelt und habs dann letzendlich mit folgendem Code hinbekommen ^^
PHP: 
<?php

// Bilder in Array übergeben.
$images = glob("galery/".$ordnername."/*.jpg");
$counter = count($images);
$anzahl_bilder = $counter;

// Ausgabe der Bilder.
foreach ($images as $element) {
	echo "<img src=\"$element\" width =\"200\" height=\"150\"><br>";
}

?>

Nachdem das so funktioniert hat, hab ich mich auf mal bezüglich dem Thema float durchgelesen, aber habe nicht wirklich das gefunden, wonach ich gesucht hatte.
Es sollen immer 2 Bilder mit einem Abstand von 50px nebeneinander angeordnet sein und darüber habe ich leider nichts gefunden.
Gesucht habe ich unter anderem bei: selfhtml.org

Allerdings sollte ich auch erwähnen, dass ich mich mit css kaum auskenne....vielleicht habe ich den richtigen Code auch nicht als solchen identifiziert...sry hierfür :(

Während ich den obigen Code gebastelt habe, ist mir ein weiteres Problem aufgefallen:
Das Cover wird nun auch geladen (was unerwünscht ist).

Kann man vielleicht bei der Ausgabe festlegen, dass alles außer die cover.jpg angezeigt werden soll?
Oder muss ich die Bilder in einen seperaten Ordner speichern? (wäre vielleicht am einfachsten)
-> Eure Meinung wäre mir hierbei wichtig =)

Vielen Dank ;)

LG Zneaf
 
PHP: 
<?php

// Bilder in Array übergeben.
$images = glob("galery/".$ordnername."/*.jpg");
$counter = count($images);
$anzahl_bilder = $counter;

// Ausgabe der Bilder.
$i = 0;
foreach ($images as $element) {
    if($i % 2 == 0){
     $class = "lastImage";
   } else {
      $class = "firstImage";
   }
    echo "<div class=\"{$class}\"><img src=\"$element\" width =\"200\" height=\"150\"></div>";
   $i++;
}

?>

Das Cover würde ich entweder in einem anderen Ordner speichern, oder einfach rausfiltern.
Wie man Floatet in CSS siehst du hier. Eventuall auch hier im Forum suchen, gabs schon tausende Beiträge
 
Hey Maniac ;)

erstmal danke ich dir für deine Mühen.

Allerdings muss ich wirklich gestehen, dass ich das mit dem floaten nicht auf die Reihe kriege. Habe mir die Seite mehrfach durchgelesen und verstehe nicht, wie ich float verwenden müsste um den gewünschten Effekt zu erreichen...

Habe parallel dazu auch noch im Internet und bei tutorials.de gesucht, aber das hat mich leider auch nicht weitergebracht.

sry =(

LG Zneaf
 
Huhu,

ich bins schon wieder^^

hab vergessen zu posten, was ich bisher gemacht habe...

habe eine CSS - Datei mit dem namen bilder.css angelegt. Diese sieht wie folgt aus:

Code: 
<style type="text/css">
.lastImage{
width:200px;
height:150px;
float:right;
}

.firstImage{
width:200px;
height:150px;
float:left;
}
</style>

Diese füge ich auf der bilder.php mit folgendem Code im <Head> - Teil ein:
Code: 
<link rel="stylesheet" type="text/css" href="bilder.css">

Um die Abstände (padding und margin) hab ich mich dabei noch nicht gekümmert, weil ich mit dabei auch noch etwas einlesen muss.

Das Ergebnis dieses Codes ist folgendes:
Das erste Bild steht alleine in einer Zeile und die nachfolgenden stehen jeweils zu 2 nebeneinander.

Ich schätze mal, dass das Problem eher am PHP Teil liegt oder?

Vielen Dank für Eure Hilfe =)

LG Zneaf ;)
 
Bin kein CSS-Profi, aber ich denke, wenn du die Klasse .lastImage noch mit einem clear:both; beglückst, sollte das funktionieren.
 
Hey saftmeister ;)

danke erstmal für die schnelle Rückmeödung, aber funktioniert leider nicht :(

Ich vermute den Fehler eher im PHP Teil...

LG Zneaf
 
Hmm, mir fällt eines auf:

$i = 0;

Das bedeutet, das beim ersten Bild bereits schon die Klasse "lastImage" verwendet wird. Man sollte $i mit 1 initialisieren.
 
Heyyyyhoooooooooo :D

ich liebe EUCH! <3

Der Fehler war genau wie Saftmeister gesagt hat: $i mit 1 statt o initialisieren ;)

Dann versuch ich mich als nächstes mal an den Abständen der Bilder =)

Vielen Dank für Eure Hilfe =)

Ihr seit spitze ;)

LG Zneaf
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück