Hallo,
ich bin gerade dabei eine Gallerie mit LightBox 2 zu erstellen.
Ich möchte zu meinen Bildern auch immer eine kleine Beschreibung hinzufügen, habe das zuerst mit titel="bla blabla" gemacht, aber dann gemerkt, dass die komplette Beschreibung angezeigt wird, wenn man mit der Maus über die kleine Vorschaugrafik fährt...habe das dann mit einer javascriptfunktion behoben, habe jetzt allerdings das Problem, dass wenn ich ein Bild dann anklicke und die Slideshow starte, und dann auf next klicke um die nächste grafik zu laden, ändert sich zwar das Bild, aber der text bleibt gleich dem vom ersten, oder es erschein garkein Text.
<head>
<title>Testpage</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css">
a[rel="lightbox[roadtrip]"] img {
border: 2px solid #fff;
outline: 0; /* IE 5.5 Mac */
}
</style>
</head>
<body>
<a onmouseover="javascript: this.title='Plan B für die Liebe';" onmouseout="javascript: this.title='Plan B für die Liebe';" onclick="javascript: this.title='Weil Zoe mit Ende 30 immer noch nicht den Mann fürs Leben gefunden hat, aber unbedingt Kinder haben will, hilft sie mit künstlicher Befruchtung nach. Dumm nur, dass sie ausgerechnet jetzt Stan begegnet, der sie im Sturm erobert, aber nicht mit Familiengründung rechnet. Nach dem ersten Schock kümmert sich Stan rührend um Zoe, bis ihn die Nebenwirkungen der Schwangerschaft und die Angst vor der Verantwortung in die Flucht treiben. Doch, wenn sich Traumfrau und Traummann streiten, hat das Schicksal noch einen Plan B für die Liebe.';" href="images/Plan B für die Liebe.jpg" rel="lightbox[roadtrip]"><img src="images/Plan B für die Liebe.jpg" width="120" height="170" alt="" /></a>
<a onmouseover="javascript: this.title='Iron Man 2';" onmouseout="javascript: this.title='Iron Man 2';" onclick="javascript: this.title='Die Welt weiß, dass der geniale Erfinder und Milliardär Tony Stark als Superheld Iron Man für Recht und Ordnung sorgt. Diese Entwicklung hat nicht nur Vorteile für Stark: Die Regierung und die Presse erhöhen den Druck auf ihn, er solle die Geheimnisse hinter der Iron-Man-Technologie öffentlich machen. Stark will jedoch vermeiden, dass die Informationen in die falschen Hände fallen und hat es wenig später mit zwei Bösewichten zu tun. Gegen Whiplash und die Black Widow muss er auf die Hilfe seiner Freunde Pepper Potts und James Rhodes vertrauen.';" href="images/Iron Man 2.jpg" rel="lightbox[roadtrip]"><img src="images/Iron Man 2.jpg" width="120" height="170" alt="" /></a>
</body>
</html>
der Titel bzw. die Beschreibung wird doch erst dann verändert, wenn auf das entsprechende Vorschaubild geklickt wird. Und nicht während die Lightbox gestartet ist.
(Meine) Lösungsansätze:
a)
Entweder die Slideshow-Funktion rausnehmen.
oder
b)
Eine andere Lightbox-Variante wählen, wie z.B. die Multibox Multimedia Lightbox. -Hier kann ganz einfach eine individuelle Bildbeschreibung realisiert werden.
die slideshow rausnehmen wollte ich eigentlich nicht...
ich hab jetzt halt schon ziemlich viel bilder + beschreibungen eingetragen...wenn ich jetzt komplett auf die Multimediabox umsteige ist es ein haufen arbeit!
Weiß keiner noch eine bessere Lösung??
//Edit:
Hab mich jetzt mal an der MultimediaBox probiert, funktioniert auch ganz gut, nur bekomme ich die Vorschaubilder einfach nicht nebeneinander
(float: left), die werden immer untereinander angeordnet.
Einen Abstand bekomm ich auch nicht dazwischen...
If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.
After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.
In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.
Sign up now and enjoy the advantages as a registered member.
(This website will be ad-free after a complete free sign up.)
(float: left), die werden immer untereinander angeordnet.
01.06.2010 