nicht angemeldet
Bilder auslesen und darstellen
hey leute!
ich habe wirklich viel gesucht und probiert, aber ich finde einfach nicht die Lösung. Ich möchte gern Bilder aus einem Ordner auslesen und anzeigen, was ja nicht so ein Problem ist, mein Problem ist aber, dass ich die Bilder gern horizontal anordnen lassen möchte nicht vertikal wie es automatisch passiert. hat wer eine Lösung?
hier noch das skript, welches ich zum auslesen und anzeigen der Bilder verwende: ~~~php
<?PHP
$verz = opendir('.');
while($file = readdir($verz))
{
$info = @getimagesize($file);
if($file != "." && $file != ".." && !is_dir($file) && $file != "bildanzeige.php")
{
echo "<img src="".$file."" border="0"> ";
}
}
closedir($verz);
?>
vielen dank im voraus
-
Grüße,
das hat nichts mit php zu tun, wie werdendie bei dir CSSseitig formatiert?
MFG
bleicher -
die Bilder gern horizontal anordnen lassen möchte nicht vertikal wie es automatisch passiert.
img ist ein inline-Element. D.h. dass mehrere img's in einer Reihe angezeigt werden, also horizontal. Wenn sie bei dir vertikal angezeigt werden kann das verschiedene Ursachen haben:
- sie können mittels display:block manuell zu block-Elementen gemacht worden sein
- der Viewport ist zu klein
- hinter jedem Bild kommt ein <br> mit raus
- etc.
Versuch mal Dein Beispiel zu reduzieren, vielleicht findest Du so den Fehler.
Ansonsten sag mal, was Du haben willst. Unendlich in die Horizontale? Oder Reihen von Bildern, á X Bilder pro Reihe?
Cheers,
Baba-
- der Viewport ist zu klein
Das ist das Problem. ich möchte aber gerne die Bilder horizontal anordnen und wenn der viewport zu klein ist horizontal scrollen. Also ich möchte gerne, dass ich alle bilder aus einem ordner horizontal scrollen kann.
lg
-
Hi,
Das ist das Problem. ich möchte aber gerne die Bilder horizontal anordnen und wenn der viewport zu klein ist horizontal scrollen. Also ich möchte gerne, dass ich alle bilder aus einem ordner horizontal scrollen kann.
schon mal 'display:table-cell' versucht?
Gruß Gunther
-
Juhuu ich habs geschafft. ich habs nun so gelöst!
<html><head><title>Bilderanzeige</title> <body style="background-color:#CCCCCC"> <div style="width:700px; height: 400px; overflow:auto; font-family: Arial; font-size: 12px; color:#ffffff; background:transparent;" align="justify"> <div style="width:10000px; height:370px; margin-left:7px;" > <style type="text/css"> .scrollimg { border-width:3px; border-color:#ffffff; border-style:solid; margin-top:10px; margin-left:10px; margin-right:10px; } img.horizontal { width: 500px; height:350px; } img.vertical { width: 300px; height:350px; } </style> <?PHP $verz = opendir('.'); while($file = readdir($verz)) { $info = @getimagesize($file); if($file != "." && $file != ".." && !is_dir($file) && $file != "bildanzeige.php") { echo "<img src=\"".$file."\" float=\"left\">"; } } closedir($verz); ?> </div> </div> </body></html>Vielen Dank für Eure hilfe.
lg
