Lytebox and Internet Explorer 8

If you haven’t noticed, lytebox doesn’t work properly with IE8. The background overlay and the border color of the popup do not show. I have read a few blogs about how people are changing the cascading style sheet (CSS), in my search I found it wasn’t the CSS that was the issue. It is the actual script. Here is what I did to get it working properly.

The issue originated from this line:

this .ie = (document.all && !window.opera) ? true : false;

Here is how I got it to work:

this .ie = (document.all && !window.opera) ? checkVersion() : false;

I added the “checkVerzion()” function right before the LyteBox.prototype.initialize function.

function checkVersion() {
         if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
                  var ieversion = new Number(RegExp.$1)
                  if (ieversion >= 8 )
                           return false;
                  else if (ieversion < 8 )
                           return true;
         }
         return false;
}

After adding that code to the lytebox.js file, the LyteBox popup works properly in IE8 and continued working properly in all other tested browsers (IE7, Firefox 3.0.11, Safari 4.0, Chrome 2).

Amended July 7, 2009:

I had a person ask for the source of the JavaScript file, so I posted it on my SkyDrive. You can download it from here:

http://cid-4965eef15ed4a439.skydrive.live.com/self.aspx/.Public/LyteBox.zip

Amended February 24, 2011:

We now have a community project up on GitHub. See my blog post at:

https://nederveld.wordpress.com/2011/02/24/lytebox-take-over/