Problem mit Lightbox 2

1 März 2009
18
0
Liebe Klamm Community,

ich möchte Lightbox 2 für eine private Homepage nutzen. Ich habe auch alles so weit "installiert". Wenn ich jedoch ein Bild verlinke mit
Code:
<a href="images/ausflug/bernd1.jpg" rel="lightbox">image #1</a>
kommt nur ein Textlink und nach dem Anklicken ist das Bild manchmal ewig groß und manchmal klein.

Kennt sich jemand mit Lightbox aus oder mit CSS, um mir zu helfen? Wie kann ich denn nicht den Link mit dem Text "image #1" sondern ein kleines Vorschaubild anzeigen lassen? Und wie kann ich einstellen, dass jedes der Bilder automatisch auf etwa die selbe Größe gebracht wird?
Stelle mir das so vor, dass die Bilder automatisch auf eine Höhe x gebracht werden und das als Vorschaubild benutzt wird. Außerdem werden die Bilder automatisch auf die Höhe y verkleinert wenn sie normal angezeigt werden (falls sie höher sind als y). Das müsste doch mit CSS machbar sein, oder?

Würde mich freuen, wenn mir jemand helfen kann :)
 
Kannst du einen kleinen Test online stellen bei dem das Problem auftaucht? Dann kann man direkt dadran arbeiten ^^
 
Hi,

Du musst natürlich schon das Bild angeben, nicht image #1.

Also z.B:

HTML:
<a href="images/ausflug/bernd1.jpg" rel="lightbox"><img src="images/ausflug/bernd1klein.jpg" alt="bernd das brot" height="100" width="60"></a>

Welche Bilder willst Du in der gleichen Größe haben? Die Vorschaubilder? Das machst Du wie oben.

Gruß Ronja
 
Für die Vorschaubilder kannst natürlich nen max-height im CSS angeben. Für die großen Bilder meine ich wird es nicht gehen, da es mit JS vergrößert wird und ich nciht glaube das da ne Funktion drin ist. ich hatte mir die JS mal so abgeändert, das die Bilder maximal Bildschirmgröße haben,egal wie grpß das Bild tatsächlich ist.
 
Hallo,

@Ronja: Vielen Dank, das war des Rätsels Lösung, so weit habe ich nicht gedacht, keine Ahnung warum :D

@Bububoomt: Das Problem habe ich jetzt durch IrfanView gelöst, habe die Dateigröße damit automatisch geändert und die Bilder auf eine maximale Höhe/Breite eingestellt, sieht jetzt alles ok aus, Resultat ist auch unter o.g. Link zu sehen ;)

Danke für die Hilfe an alle, das Thema kann geschlossen werden :)