Pop-op billedfremviser

Hvordan laver jeg en "billedviser pop-op??
Jeg har ca. følgende filstruktur på serveren:
Kataloger
-Katalog1
--KatalogBillede.jpg
--Billed1.jpg
--Billed1_1.jpg
--Billed2.jpg
--Billed3.jpg
--Billed3_1.jpg
--Billed3_2.jpg
--Billed3_3.jpg
-Katalog2
--KatalogBillede.jpg
--Billed1.jpg
--Billed1_1.jpg
--Billed2.jpg
--Billed2_1.jpg
--Billed3.jpg
På min første side viser jeg en oversigt over alle ?KatalogBillede.jpg?
Klikker man på et KatalogBillede vises en ny side med de billeder der ligger i det valgte katalog - men kun de billeder som ikke har en underscore.
Nu vil jeg gerne kunne klikke på de viste billeder og få en pop-op med det valgte billede og mulighed for at skifte mellem de tilhørende billeder.
Altså hvis jeg har valgt Katalog 1 og klikker på Billed3, skal dette vises i pop-op?en og jeg skal så kunne skifte mellem Billed3.jpg, Billed3_1.jpg
, Billed3_2.jpg & Billed3_3.jpg
Jeg håber forklaringen er god nok til at I kan forstå mit behov, og komme med forslag eller eksempler på hvordan jeg kan løse det.
Mvh. Jens Peter

Hej Jens Peter
Opgaven er godt beskrevet, så vi forstår helt præcis hvad du gerne vil opnå :-) Det du søger kaldes en Lightbox.
På denne hjemmeside kan du downloade de nødvendige filer samt finde en "Kom i gang"-guide til hvordan du opnår den ønskede funktionalitet på dine billeder, så de vises i en "lightbox"/popup.
http://lokeshdhakar.com/projects/lightbox2/
Håber dette hjælper dig videre :)
Med venlige hilsner Daniel Bahl (@db)
CEO – v5.dk ApS

#1
Hej Daniel
Mange tak for hurtigt svar.
Det ser meget lovende ud. Dog ser det ud til at når der er flere billeder, som skal kunne vises i pop-op'en, men jeg ønsker kun at vise det første billede på "grundsiden" og så kunne klikke på det ene billede for at kunne skifte mellem de 'tilhørende' billeder.
Håber du forstår hvad jeg mener.
Mvh. Jens Peter

Det kunne du godt lave, den nemmeste og mest simple måde at lave det på, ville være at indsætte alle billederne på siden, som eksemplet, og så skjule dem alle pånær det første:
Du kan skjule et billede vha. style="display: none;" tagget, eksempelvis:
<a href="images/image-2.jpg" data-lightbox="album1">Billede 1</a>
<a href="images/image-3.jpg" data-lightbox="album1" style="display: none;">Billede 2</a>
<a href="images/image-4.jpg" data-lightbox="album1" style="display: none;">Billede 3</a>
Med venlige hilsner Daniel Bahl (@db)
CEO – v5.dk ApS

Hej Daniel
Igen tak for hurtigt og godt svar.
Jeg kan godt være lidt betænkelig ved løsningen med at indsætte alle billederne på siden da det jo vil gøre indlæsningen af siden tungere. Men jeg kan godt se at det virker.
Jeg støder dog på et helt andet og værre problem...
Det hele ligger på en side som kaldes med en parameter som jeg laver GET på, og det giver åbenbart et problem for lightboxen, da billedet blot åbner i en helt ny side.
Jeg har prøvet at fjerne parameteren, og så virker selve lightboxen fint...
Mvh. Jens Peter

Hej Jens
Sålænge det blot er links til billeder, og ikke selve billederne - vil den ikke indlæse nogle af billeder, før du klikker på billedet. Hvis du ønsker kun at indlæse det første billede, og efterfølgende efterhånden som man klikker ind på dem, kan du gøre følgende:
<a href="images/image-1.jpg" data-lightbox="album1"><img src="images/image-1.jpg"></a>
<a href="images/image-2.jpg" data-lightbox="album1" style="display: none;"></a>
<a href="images/image-3.jpg" data-lightbox="album1" style="display: none;"></a>
<a href="images/image-4.jpg" data-lightbox="album1" style="display: none;"></a>
Det kan naturligvis også laves på andre måder, vha. f.eks. Javascript, men det her er en nem og velfungerende måde at starte ud med.
Mht. dit andet spørgsmål, forstår jeg ikke helt, kan du give et eksempel på hvad du ønsker at gøre, og hvad der skaber problemet.
Med venlige hilsner Daniel Bahl (@db)
CEO – v5.dk ApS