Brug af Lightbox i en iframe.

Det siger sig selv, at den ikke kan gå ud over iframen...

Forstil dig at du putter et stykke foldet papir ned i en papkasse. Når du så folder papiret ud, vil den stadigvæk være inde i papkassen.

Det er samme princip med iframen.

Løsning er at lightbox'en skal placeres i hovedvinduet..

Se evt om lightbox har en "target"-attribut, der gør at billederne kan vises i andre vinduer/window/frames end selve linket.

Se evt http://www.dynamicdrive.com/forums/showthread.php?t=14862
Her forslår de 2 ting:

1) Brug Lytebox i stedet (som har iframe support):
http://www.dolem.com/lytebox/

2) Brug Lightbox i hovedvinduet, med en funktion:
2.1:
function openImage(input)
{
myLightbox.start(input);
return false;
}
2.2:
fra iframen bruge du så:

<a link="images\target_image.jpg" rel="lightbox" onClick="self.parent.openImage(this)"  OnMouseOver="this.className='cursor';" style="cursor:pointer;cursor:hand;"><img src="images\target_image_small.jpg"></a>

2.3: ret følgende i filen "lightbox.js":

fra:
imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title')));

til:
imageArray.push(new Array(imageLink.getAttribute('link'), imageLink.getAttribute('title')));

- svar

Rettelse til 2.2:



<a link="images\target_image.jpg" rel="lightbox" onClick="self.parent.openImage(this);return false;"  OnMouseOver="this.className='cursor';" style="cursor:pointer;cursor:hand;"><img src="images\target_image_small.jpg"></a>

man skal huske ";return false;".. ellers loader den billedet direkte i stedet..

Se også eksempler hvor det virker med iframe:

http://home.comcast.net/~jscheuer1/side/lightbox2.04a/light_frame.htm

Her kan du også downloade koden.

1000 tak - det virker

Jeg har allerede smidt et svar der kan accepteres :)