If I used Jquery minimized or regular, the zoom is reversed and is going to the bottom of the window on IE6, 7 and 8 (the image becomes smaller untill width 0)

If I used Standard minimized or regular, the zoom effect is corrected, but slower on IE8, and the width of the title bar is huge on 6 and 7. And on IE6 it's grey instead of black.

my test website: http://test.hsh.co.il (now it's on standard minjmized)

Comments

heyyo’s picture

heyyo commented

I forgot to say that I don't have shadow on all versions of IE. But on Mozilla and Chrome shadows are present.
All these bugs have been verified also in Garland theme (Drupal 6.14).

Update:
I fixed the length of the title bar for IE 6 and IE 7, I simply removed in my theme the width: 100% on the element table. I don't really understand why there is even in Garland this css.

So now only the missing shadow is left on IE6,7,8.
and the transparency on IE6.

thinkyhead’s picture

thinkyhead commented

Hey Lionel,

I added inline styles to the table elements in the latest version hoping to negate rules like table{width:100%} but it sounds like they're still being overridden in those IE browsers.

As for the positioning in IE6,7,8 in the JQuery version, I'll have to work on that soon. Meanwhile the Standard option should be fine.

I don't have IE handy to test the shadow and transparency effects. I'd be very surprised if either one was supported for IE6, which just doesn't do transparent PNGs without very specific hacks. Can you confirm that FancyZoom doesn't have these same issues in the original script? There's a demo page for it at http://www.cabel.name/2008/02/fancyzoom-10.html with some zooming images you can try.

It's possible I may be required to unbundle the Javascript for future versions of the module, making it harder to roll out new script updates to the Drupal community. Hopefully not, as the FancyZoom license is (in my view) totally compatible with GPLv2. The best I may be able to do is to pass them over to Cabel Sasser and ask him to publish them as FancyZoom Version 1.2. I'll try to make it as robust as possible before that happens.

heyyo’s picture

heyyo commented

As for the positioning in IE6,7,8 in the JQuery version, I'll have to work on that soon. Meanwhile the Standard option should be fine.

Good news, I thought it was a problem of compatibility on my website with some modules.

I don't have IE handy to test the shadow and transparency effects. I'd be very surprised if either one was supported for IE6, which just doesn't do transparent PNGs without very specific hacks. Can you confirm that FancyZoom doesn't have these same issues in the original script? There's a demo page for it at http://www.cabel.name/2008/02/fancyzoom-10.html with some zooming images you can try.

Yes you're right I have the same problem on this demo page. No shadows (IE 5.5,6,7,8) and no transparency on IE6. (The script doesn't work on IE5.5, the image is loaded).

You could test all versions of IE with IETester. A must !!!
http://www.my-debugbar.com/wiki/IETester/HomePage

By the way I resolved the IE 6 transparency with the module PNG Behave:
http://drupal.org/project/pngbehave

I set transparency on these CSS elements:
#ZoomClose img, #ZoomCapDiv td img, #ZoomCapDiv td ,#ShadowBox td img, #ShadowBox td

I have a little bug with the cross to close. It's now transparent on IE6, but instead of seing behind the image I see the background of the page. I think if the order of the elements: img and div#ZoomClose is changed, it should correct this behavior:

<div id="ZoomBox" style="background-color: white; position: absolute; left: 794px; top: 266px; visibility: visible; z-index: 499; opacity: 0.999999;">
  <img border="0" src="http://test.hsh.co.il/sites/test.hsh.co.il/files/imagecache/product_full/1145_0.JPG" id="ZoomImage" style="display: block; width: 332px; height: 499px; cursor: pointer;"/>
  <div id="ZoomClose" style="position: absolute; left: -15px; top: -15px; visibility: visible; opacity: 0.999999;">
    <img width="30" height="30" border="0" src="/sites/test.hsh.co.il/modules/fancyzoom/images/zoom/closebox.png" style="cursor: pointer;"/>
  </div>
</div>

Regards

thinkyhead’s picture

thinkyhead commented
Status: Active » Closed (won't fix)

Probably better in the latest version of IE. But I bet you're using Chrome or Firefox now, eh?