Images für Lightbox v2.0 aus n'external Datei holen

Marialope · 29. Oktober 2010, 00:32

Hallo Zusammen!

Ich hab folgendes Problem: Auf meiner Webseite befindet sich gerade 16 Projektbilder und Pro Projekt sind 10 Bilder, die ich mittels Lightbox anzeigen will. Das ist natürlich ales andere als sauber, wenn ich 160X
den <a href ="" rel=""></a> Tag in meine HTMl Code einbinde. Ich würde gern wissen, wie ich diesen mühsamen Weg umgehen könnte.

Tim Eipert · 29. Oktober 2010, 06:59

Mit einer serverseitigen Sprache wie PHP.

Marialope · 29. Oktober 2010, 11:23

Hallo Tim!

danke erstmal für deine Antwort. Es war mir schon klar, dass so was mit einer serverseigegn Sprache wie PHP schaffbar ist. Ich würde mich aber sehr freuen, wenn du mir eine PHP-Code posten könntest, mit der ich die Interaktion ZW. JS und PHP implementieren kann. Ich hab mir die Letzten 3 Tage viele Code's (Ajax, javascript) angeschaut habe , die so dies Problem angeblich lösen könnten, aber das ganze hat nix gebracht.

Gruß,
Marialope

Torben Brodt · 31. Oktober 2010, 11:42

Naja, sagen wir mal du nutzt PHP.. und du hast pro Projekt ein Ordner mit den Bildern drinne:

Quellcode

<?php
function getGalleryHTML($folder) {
$html = '';
foreach(scandir($folder) as $file) {
// skip hidden and system files
if($file[0] == '.') {
continue;
}
$file = $folder.'/'.$file;
$thumbfile = $file;
$html = '<a href="'.$file.'" rel="lightbox['.$folder.']"><img src="'.$thumbfile.'" alt="" /></a>';
}
return $html;
}
?>
<html>...<body>..
<h1>Projekt 1</h1>
<?= getGalleryHTML('images/projekt1') ?>

Alles anzeigen

Images für Lightbox v2.0 aus n'external Datei holen

Images für Lightbox v2.0 aus n'external Datei holen

Quellcode

Teilen

Benutzer online 1

Tags