Bilderordner mit PHP auslesen

Lexatus

Grünschnabel
Hallo zusammen,

Ich bin seit einem Tag verzweifelt auf der Suche nach der Lösung meines kleinen Problemes.
Folgendes, ich versuche eine Bildergalerie zu erstellen, die Bilder sind in einem Ordner abgelegt und sollen via PHP aus dem Ordner gelesen werden. Danach habe ich die Bilder links in einer Liste, rechts von dieser Liste soll das jewillige Bild etwas Grösser dargestellt werden, so eine Art Bildvorschau.

Nun meine Frage: Die Bilder werden von PHP aus dem Ordner gelesen und auch angezeit. Doch das Problem liegt bei der Vorschau.

Hier wie die Bilder ausgelesen werden.
help1.PNG

Hier die Funktion mit JavaScript welche mir die Vorschau ermöglichen sollte.
help2.PNG

Und nun die beiden zusammenfügen.
help3.PNG

Doch ganz egal wie ich es wende und Drehe, es will einfach nicht funktionieren.
Ich wäre sehr froh wenn dies Bald mal funktionieren würde, ich steh wirklich langsam sowas von auf der Leitung.:(

P.S. Alles sollte dynamisch funktionieren, sprich, Bilder in den Ordner werfen, Ausgabe, Vorschau.


mfg Lexatus
 
Zuletzt bearbeitet:
Sottest du beim Aufruf von swapImage nicht noch der Name und der Pfad des Bildes mitgeben?
 
Genau das ist das Problem, da meine Bilder Dynamisch ausgelesen werden, kann ich keinen Bildnamen mitgeben, es muss auch funktionieren, wenn vollkommen andere Bilder im Ordner sind ohne am Code was zu verändern.
 
Du gibst dein Aufruf ja über PHP ech() aus. Warum setzt du da nicht den Namen und den Pfad rein?

PS: Bitte den Code in PHP-Tags kopieren und nicht als Bild verlinken. Wenn ich dir jetzt ein Beispiel machen möchte, müsste ich zuerst deinen Code abschreiben - und dazu hab ich keinen Bock
[PHP]mein Code[/PHP]
 
Weil der Ordner, den ich mit Bildern gefüllt habe, nur Beispielbilder enthält, Diese Bilder werden später von einem User selbst definiert. Desshalb muss PHP den Name der Bilder auslesen und sie an JS übergeben. Wären es diese Bilder, wäre es kein Problem.

Ok, werde ich in Zukunft beachten.
 
Sind 'diese Bilder' also nicht die Bilder in dem Ordner (ob von dir oder vom User ist dabei egal)? Irgendwoher musst du ja die Information haben - wenn nicht aus dem PHP-Code der den Ordner ausliest, woher dann?

Und wie bereits beschreiben - wenn du willst dass ich dir mit Code helfe - dann kopier bitte den Code. Ich schreibe keine Grafiken ab.
 
Also die Bilder werden von diesem Ordner (Beispielbilder) geladen. Nun verlinke ich aber irgendwie immer nur auf das Directory und nicht auf das Bild selbst.

Code:
<?php echo "<a href='Beispielbilder' onclick='swapImage()';"?><a href="<?php echo $bildinfo['Beispielbilder']."/".$bildinfo['basename'];?>">
        <img src="<?php echo $bildinfo['dirname']."/".$bildinfo['basename'];?>" width="140" alt="Vorschau" /></a>

Das Attribut $bildinfo['basename'] geht bei der Verlinkung irgendwie verloren und bezieht sich dan nur noch auf das Directory, welches dann zurfolge hat, dass wenn auf ein Bild geklickt wird, dieses nicht in der Vorschau angezeigt wird, sondern wie man es bei xampp kennt eine Dateistruktur angezeigt wird.
 
Schau dir mal deinen gepasteten Code an. Du echo'st erst mit PHP ein öffnendes A-Tag, vergisst aber die schließende spitze Klammer, und schreibst dann in den HTML-Teil nochmal ein A-Tag. Da passt schon was nicht. Desweiteren steht im ersten href-Attribut 'Beispielbilder'. Das erklärt, warum du mit dem generierten Link nur den Ordner öffnest, anstelle des Bildes.
HTML:
<a href="javascript:void(0);" onclick="javascript:swapImage('FULLVIEW', '<?php echo $bildinfo['dirname']."/".$bildinfo['basename'];?>');">
    <img src="<?php echo $bildinfo['dirname']."/".$bildinfo['basename'];?>" width="140" alt="Vorschau" />
</a>
Davon ausgehend, dass dein großes Bild den Namen FULLVIEW trägt. Musst du natürlich entsprechend anpassen.
 
Zurück