GreyBox Integrator For WordPress
Last May I wrote about a Lightbox implementation called GreyBox and I described it as the best general purpose Lightbox implementation I had found. GreyBox is very versatile; it allows a modal window display of almost anything from single images to complete web pages. If you use WordPress, there is a plugin called GreyBox Integrator that makes it easy to add a modal popup to a blog post. For a demonstration, click here.
I like greybox not only because of the feature set, but because of the size as well. It is one of the smallest lightbox implementations out there right now and it does not depend on another larger 3rd party javascript library.
http://planetozh.com/projects/lightbox-clones/
Greybox is nice to use having the modal window and all. I have found one problem so far when using IE8. It works good except when closing the Greybox. In IE8 (Browser Mode: IE8; Document Mode: IE8 Standards), the greybox does not close properly. It shrinks to a 100×100 square and positions itself in the upper left corner (0,0) of the browser window.
I have found by adding this meta tag directly on the page it now closes, though a little rough. Meaning, you still see the square get positioned, but it then closes fully a split second later.
Okay, it stripped the meta tag…I’ll try this way instead. Hopefully it will work.
Use a meta tag where http-equiv=[X-UA-Compatible] and content=[IE=7].
Hi Jason,
When I develop a site for a client, I check it in multiple browsers. Firefox is my default browser, and I rarely remember to check my own sites with other browsers. However, I just checked the GreyBox demo in this blog post using IE8 and the modal window closed properly. Do you experience the problem you described with the demo in this post?
Hi Bill,
The demo works fine. I’m using Greybox with jPlayer, a jQuery audio player plugin. It may be something with using them together that caused my issue. When I use either by themselves they work fine in different browsers.
Try using the Advanced Method, onclick instead of rel, (see http://orangoo.com/labs/greybox/advance_usage.html for examples).
I was already using the onclick version of GB_showCenter at the time of my first post. It worked for me by having the meta tag I posted above. I haven't had time to look into a better solution.
No wonder GreyBox Integrator works so well for me. I use Artisteer to generate WordPress templates and Artisteer automatically includes the following meta tag:
<meta http-equiv="X-UA-Compatible" content="IE=7" />