I'm organizing a gallery menu within a iFrame with the use of the typical Lightbox widget. The Lightbox works but its pop-up is confided within the tiny iFrame.
Can I somehow force the Lightbox popup to load over the entire page? Apparently it is possible and I have the options of using a different Lightbox copy such as Colorbox, absolute linking the Lightbox, or somehow manipulating the parent window. Unfortunately no one seems to have actually laid out any of these procedures online in detail, so I'm still having trouble figuring this out.
In addition to Murray's hint:
Do you really need to use iframes? In order to better assess, I recommend this comment (German > Google translated):
http://de.wikipedia.org/wiki/Inlineframe
Please have a look especially here: Advantages > Disadvantages.
Hans-Günter
Thank you for the link Hans-Gunter. However for the moment, I would like to simply try this method before giving up on iframes altogether.
Here's a perfect example of what I am looking for, but I have trouble understanding the code:
http://metaflood.com/work-life/how-to-use-the-jquery-plugin-colorbox-f rom-within-an-iframe/
dianekim34 wrote:
Here's a perfect example of what I am looking for, but I have trouble understanding the code:
http://metaflood.com/work-life/how-to-use-the-jquery-plugin-colorbox-f rom-within-an-iframe/
Have you downloaded the demo example?
Looking at the custom.js script in the scripts folder you can change the size of the iframe to what you like:
function showColorBox(imageURL) {
$.fn.colorbox({ innerWidth: "850px", innerHeight: "550px", iframe: true, transition: "elastic", opacity: .6, open: true, href: imageURL });
}
dianekim34 wrote:
To be honest, I'm such a novice at dreamweaver that with just the demo files and no instructions, I'm not sure how use implement the process myself.
I'm not sure what it is you are trying to do.
Move the htmlframepage.html plus the css and scripts folder that are in the demo folder to your site folder.
I would think all you would need to do is place your code into the iframepage.html page and change the link to the page in your site folder that you want to open. As long as the link has the class="colorbox" your page should open in the iframe.
<a href="http://bbc.co.uk" class="colorbox">This link</a>
North America
Europe, Middle East and Africa
Asia Pacific