Lightbox2 - Known Issues
Lightbox Lite in IE - older versions of Lightbox2
There is an issue with Lightbox Lite in IE browsers but only for sites where Drupal is installed in a subdirectory. In such instances, the overlay.png image can not be found. To overcome this issue you will need to edit the lightbox2/css/lightbox_lite.css file and change the path to this image. By default the line is set to:
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");You will need to change the image path on this line to be the full path, e.g.
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sites/all/modules/lightbox2/images/overlay.png", sizingMethod="scale");See #185866: Relative path in filter: progid:DXImageTransform.Microsoft.AlphaImageLoader not working for more details.
Keyboard Shortcuts in Opera
Not all of the keyboard shortcuts work in the Opera browser, for example 'z' for toggling the zoom and 'spacebar' for toggling play / pause in slideshows. This can be overcome by updating your shortcut settings in the Opera preferences editor.
overlay problem in Opera 9.6
Hi!
I experience a problem with overlay in Opera browser. When the page is higher then window height the overlay equals to the window height. So when I want to scroll the page the overlay leaves at the top of the page and the rest page area is not covered. All other browsers work properly. When I try to correct the page height in getPageSize() function or in array it returns all browsers but Opera react properly. I see same problem in your demo site. What can I do to improve it?
overlay problem solved
I'm not sure this is correct but it works for Opera: in lightbox.js file in the body of getPageSize() function I wrote such a code:
(after // For small pages with total height less then height of the viewport.)
if (yScroll < windowHeight) {
pageHeight = windowHeight;
}
else {
if(window.opera){
pageHeight=yScroll+windowHeight+(yScroll)/2; // count overlay page height for Opera
}
else{
pageHeight = yScroll;
}
}
Horizontal scrollbar displays when lightbox displays
When you click on an image the lightbox version of the image causes a horizontal scrollbar to display at the bottom of the page. This even happens on the developer's own site - http://www.stellapower.net/lightbox2. Is there a way to prevent this from displaying?
Horizontal and vertical scrollbar
When opening a movie with LightBox we get a horizontal and vertical scrollbar in FireFox 3.5 and Chrome 2. FireFox 3.0 and IE8 work fine. What could we do about this?
Same Problem with Horizontal and vertical scrollbar
I'm having the exact same problem opening YouTube.com movies. Same as seen on the developers site. Did you come up with a solution?
Workaround rather than fix
In Admin / Site Configuration / Lightbox2 / Image resize settings - set Disable zoom in / out feature.
I tried, neither Image resize
I tried, neither Image resize settings are fixing it for me.
Just ran through updates on several sites. I can only wild guess the problem is related to recent updates of FileField, ImageField or embedmedia.
--- --- ----- ----- --- ---
The music business is a cruel and shallow money trench, a long plastic hallway where thieves and pimps run free, and good men die like dogs. There's also a negative side
CSS fix for this
I was having the same problem with the scrollbars showing up when displaying a youtube video via emfield/emvideo views integration. The iFrame's scrolling attribute is set to "auto" by default, and this is what is generating the scrollbars. It occurred to me that simply making the iframe larger (2px) would resolve the issue. I was able to make the scrollbars go away using some CSS:
#lightbox iframe{
width: 443px;
height: 500px;
}
.lightbox-processed .emvideo-video{
margin-left: 8px;
}
body.emvideo-modal-iframe {
background: #fff;
}
I've tested it in Firefox 3.5 and Safari 4, but not in IE (yet). Hope this helps someone!
Mark Wise