Oprek Blogger: Permasalahan di lightbox

Thursday, June 12

Thursday, June 12, 2008 by Joe Spyder · 0 comments

It doesn't work at all. The image opens up in a new window.

This is commonly caused by a conflict between JS scripts. Check your body tag and look for an onload attribute. Example:

<body onload="MM_preloadImages(‘/images/menu_on.gif’)…;">

A quick fix to this problem is to append the initLightbox() to the onload attribute as so:

<body onload="MM_preloadImages(‘/images/menu_on.gif’)…;initLightbox()">
It doesn't work if I click an image before the page has finished loading.: This is not a bug, but a side-effect of unobtrusive scripts of this kind.
Flash objects appear through overlay.: Refer to comment by netasceta.
Script doesn't work with imagemaps.: Refer to comment by Jason Buechler.
Can I call the script from within a frame/iframe and still have it display on top of the entire page?: Refer to comment by Sean K. Some people have noted trouble implementing this modification. Proceed with caution, and if you can clear up the instructions it would be appreciated.
The shadow overlay doesn't stretch to cover full browser window.: Remove the default margin and padding from the body tag. Add body{ margin: 0; padding: 0; } to your stylesheet.
The shadow overlay doesn't show up in IE.: Find the filter: progid:DXI… line that you added to your stylesheet. There is a reference to the overlay.png in this line. Make sure that it is set relative to the current webpage, not relative to the CSS file.