iFrame help

[senraven]

I'm hoping someone can help me fix this problem or just simply say "no this doesn't work, you can't do it" and put my mind at ease.

the setup:

the main page has an iframe. the iframe scrolls and calls up an image gallery. the images in the gallery load via the lightbox2 script found on dynamicdrive. Everything works great together except ..

the problem:

when the images load in the image gallery they load IN the image gallery, meaning they load inside the iframe on the main page. I'm trying to find a way that they accually load on the main page instead of in the frame.

Otherwise, everything else works great, the main page calls up the iframe, the iframe scrolls, the lightbox works, I was honestly surprised.

So is there anyway for it to accually load the lightbox image into the main page instead of just in the iframe itself?

[jscheuer1]

Here is a link to a mod of Lightbox called Lytebox:

http://www.dolem.com/lytebox/index.htm

It has the ability to do just exactly what you want. Be sure to read all of the instructions, especially those for iframes. The usage is about identical except that your rel must now be rel="lytebox" and there is something special to do for iframe.

[senraven]

Thank you!

[chechu]

I do not seem to understand how to use it in the <iframe>, as it doesn't work with me. Step by step, please ?

[jscheuer1]

From their demo page:

!IMPORTANT: If you plan to use Lytebox in an iFrame environment, then you need to include lytebox.css in the parent document, while still including lytebox.js in the iFrame document. Samples are included in the download file from above. If you are still unsure where you need to include each, then it is perfectly safe to include both the css and js in both documents.

Also, if you download their installation .zip - it contains two demos, one of a regular installation and one using iframe.

[chechu]

I did what is written; didn't work. Also: the demos don't show me anything.

[chechu]

Now it all works, but cannot see the "close.gif".
Is it possible to just have the img show up, and have no title, and have the img closed by clicking on it ?

[jscheuer1]

I just had a look at your page, I think your wife's page, as linked in your tagline and it looks as though you are just having trouble supplying the proper paths to things.

It could also be that things are getting complicated by the fact that you are already using another script to scroll some of the thumbnails.

[chechu]

If you look now, you'll see that the "close"-img is not visibe, allthough I really checked it all. Have no idea how to solve this.

[jscheuer1]

The close image says it is here:

http://www.casariegoart.com/images/closelabel.gif

But, all I get when I load that into the address bar is an error. The image is not there (most likely) or the file is corrupted.

I was looking at:

opdrachten > [portretten] > acryl > Madonna

If I click on Madonna's image and then on it again when it comes up by itself in the iframe, Lytebox comes up but, I don't even see the image of Madonna unless I am viewing that page by itself.

The master top page must have:

you need to include lytebox.css in the parent document

and the page in the iframe must have:

while still including lytebox.js in the iFrame document

This means that the paths in the css file must be valid for the top page, try using absolute paths in the css file. Also use the absolute path to the images themselves, example:

http://www.casariegoart.com/img/imggroot/PAmadonna.gif

not just:

imggroot/PAmadonna.gif