HTML [Lightbox] bildershow mit nur einem link erreichbar?

[freddmann]

hallo,
ich möchte auf einer seite eine lightbox-diashow einrichten (beispiele). ich möchte mit einem link eine ganze diashow erreichbar machen, und nicht für jedes bild einen link erstellen. also NICHT so:

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

sondern nur ein link, der dann das bilderset "roadtrip" wiedergibt.

kann mir jmd helfen und sagen wie das geht?thx!

Ergänzung (27. April 2010)

habs jetz folgendermaßen gelöst:

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]" style="visibility:hidden;">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]" style="visibility:hidden;">image #3</a>

und es geht.


vllt interessiert das ja mal jemanden

 

[Adagio]

Ich würde alle Bilder, die du nicht anzeigen lassen willst, in ein DIV packen und das 1x verstecken (anstelle von jedem Link extra)

 

[Kokuswolf]

Mal ganz doof, wäre nicht ein "display:none;" besser als das "visibility:hidden;" ???

Soweit sollte der visibility-Wert das Element letztlich nur transparent machen - den Platz verbraucht es dennoch. Das "display:none;" verbraucht hingegen kein Platz. (Ausser natürlich es gibt Eigenheiten mit der Initialisierung der Lightbox, sodass der display-Wert irgendwie berücksichtig wird.)

Zusammen mit dem Vorschlag von Adagio sähe dies so aus:

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<div style="display:none;">
 <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
 <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
 ...
</div>