Mini lightbox/greybox? Inside a div and not entire page?

[jlizarraga]

Looking for a script to fade out the rest of the containing div and display whatever content in a box on top, just like lightbox and greybox - but just for that container and not for the entire page.

Any links/tips greatly appreciated!

[jlizarraga]

Well thanks to anyone who looked and found nothing like myself. >_>

[sfchun]

Hello

I would like to do the same thing , run an external lightbox page in a DIV

until now i was using this : http://www.dynamicdrive.com/dynamici...jaxcontent.htm

but it's not working with lightbox ... (not working without deep modification i think)

sorry , no answer, but also expect someone can help...

[sfchun]

support of lightbox2 says , we should better watch lytebox , for an iframe call purpose.

from lytebox : iFrames: If you plan to use Lytebox in an iFrame environment, then you need to include lytebox.css in the parent document, while including lytebox.js in the iFrame document.

[sfchun]

Ok so now it is better working with Lytebox

but it seems there is a problem due to PHP generating on the fly JavaScript ...
I explain ...

Here are the full details :
i got an php page composed with iframes ;
In this page i have a main container (an iframe), where i display some external pages using this : AjaxContent ...
until today i had no problem with this.

When i try to load lytebox in the iframe, it display the thumbs correctly, but if i click on one of them , the image display in a white page which replace the main one ;
I had no effects, and the full path to the image is displayed in the URL bar...
(like if it loaded a new page).

Some more information : As i want my slideshow list to be dynamically created, the page containing Lytebox call, is a php page which auto-generate the html and javascript code, after getting a directory content.

When i save this auto-generated code on a static html page, it works great.
but when i want it to be run on the fly, it fails...

any help is welcome

[Medyman]

It would be better if you uploaded your page somewhere, if it's not already up, so we could see the problem. It will make finding the problem a lot easier.

[jscheuer1]

There are really two different issues here in this thread:

• Getting a lightbox type display in a small area like a division on your page.
• Getting lightbox to work with its triggers inside an iframe and yet still cover the entire page with its overlay and enlarged image display.

To get the first result, simply place the ordinary lightbox on a page in an iframe. It will be confined to that iframe.

For the second result, you should use lytebox (with a y, not i). It is a little tricky, and as Medyman asks, if you are having trouble setting it up, we can best help you if you provide a link to your problem page. From your description it sounds like the script is simply not running.

[sfchun]

Sorry , i forgot to mention that i'm using lytebox and not lightbox.

so i'll try to upload something for you to check as fast as possible.

[sfchun]

ok i made some more tests !

the problem is not coming from the fact that code had been dynamicaly generated...
If i do not access directly to the slideshow page, and if i try to load it through ajax in an iframe, it fails (mean does not work correctly)...

problem should come from this script 'Ajax Content'

Maybe someone have an alternative to load a page in iframe ?

[jscheuer1]

AJAX doesn't load scripts. But, if you are using the iframe method of an 'ajax' script, it should work, unless the script is using AJAX to populate the iframe. Or unless the lytebox script needs to load onload of the top page.