Plugin not working correctly in IE8 & below

Hi Vaibhavbthl,

Thanks for the kind remarks, and thank you for using and testing Super Zoom Gallery,

IE8 and lower is a bit of a problem I noticed it myself. So your support question made me look for a better solution then I now have. I also think it is a CSS problem.

It is hard for me to test on a IE8 browser at this moment, so I was wondering if you could see if trying these classes solves the problem. If so, I’ll put them in a new release immediately. They live at the bottom of the szg-style.css file of the plugin, if you put these lines of code beneath them they should be used.

If you don’t have the time to test it for me, don’t worry, I’ll try it myself somewhere next week.

.szg-show {
  /* IE 8 */
  -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}

.szg-hide {
  /* IE 8 */
  -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}

.transparent_class {
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}

Kind regards,

Niels

Hi Vaibhav,

Thanks for testing, to bad it doesn’t work. I’ll try testing it in IE8 and see what’s wrong, maybe the javascript events don’t fire or something.

I’ll let you know.

Kind regards,

Niels

Hi Vaibhav,

Tested it in IE thanks to this little IE virtualbox here, which comes in handy!

As I suspected, it was a javascript bug. IE8 doesn’t seem to support console.log and thats why the window didn’t dissapear.

Well, I tested it with twenty ten in IE8 and it works fine. Hopefully it works on your clients site as well. I’ve checked it in, the changes are in the 0.5.7 version. Could take a couple of hours before you get an update message.

Hope it works, good luck with your clients site!

Kind regards,

Niels

Hi Vaibhav,

I hope this is some kind of weird caching issue as I am unable to reproduce it. I’ve tested your test-page with windows 7 and IE9 and with FF19.0.2 on mac.

Here are two screenshots:
IE9 on win7
And:
FF 19.0.2. on mac

Hard to tell what is causing the problem, maybe clearing your cache helps, if it persists let me know and I’ll look at some different browser/os combinations on your test page.

Kind regards,

Niels