michael1736
Goto Top

LightBox2 gibt fehlerhafte darstellung aus, seit php-code

Hallo,
seit dem ich in die Seite eines Kunden ein dynamisches auslesen eines Ordners eingefügt habe, spinnt die Ausgabe von LightBox.
Daher hoffe ich das ich nicht im falschen Forum bin und der Fehler nicht im Javascript liegt (da ich davon keine Ahnung habe und auch nicht im Originalcode rumgeschrieben habe!)

Auf meiner Seite habe ich zuerst immer den Inhalt manuell hinzugefügt, jedoch wollte ich mir die arbeit erleichtern und das ganze dynamisch mit einem php-script auslesen, welches ich öfter benutze und mir nie Probleme gemacht hat.
Die Problematik die entsteht ist, dass in der Lightbox darstellung, im IE manche der Bilder (scheinbar zufällig, da dies nur manchmal der Fall ist) zwar richtig geladen werden, jedoch die Lightbox eine Größe von vlt. 50px x 50px hat und das Bild so nicht zentriert, sondern von der Mitte aus nach Rechts, über den Seitenrand hinaus dargestellt wird.

Mein Script zum Ordner auslesen ist folgendes:
$verzeichnis = "thumbs_".$url."/";  
$ordner = openDir($verzeichnis);
while ($file = readDir($ordner)) {
	if($file != "." && $file != ".." && $file != "Thumbs.db") {  
		echo"<a href=\"";  
		$gross = substr("$verzeichnis$file", 7, 100);  
		echo"$gross";  
		echo"\" rel=\"lightbox[".$url."]\" onfocus=\"this.blur()\" title=\"\">";  
		echo"<img src=\"";  
		echo"$verzeichnis$file";  
		echo"\" id=\"pic\" /></a>";  
		echo"\n";  
	}
}
closeDir($ordner);

Zuerst dachte ich das es vielleicht eine maximale Bildanzahl gibt, und dann Darstellungsfehler entstehen können.
Jedoch passiert dies auch wenn ich weniger Bilder lade.

Ich bin am verzweifeln und hoffe mir kann jemand helfen bzw. eine Alternative Lösung anbieten.

Vielen Dank im Voraus!


mfg

Michael

Content-ID: 128961

Url: https://administrator.de/contentid/128961

Ausgedruckt am: 26.11.2024 um 07:11 Uhr

MaxTPayne
MaxTPayne 20.01.2010 um 20:51:53 Uhr
Goto Top
Falls jemand noch nach der Lösung des Problems sucht ist diese Recht einfach. Er baut den HTML String falsch zusammen was er aber auf der Webseite schon korrigiert hat.
So müsste der HTML Quelltext aussehen:
<a title="" onfocus="this.blur()" rel="lightbox[img]" href="pfad/zum/bild.jpg"><img id="pic" src="pfad/zum/thumbnail.jpg"></a>  

Gruß
MaxTPayne