Advanced CSS Animator Support Product Page

Blurry image when transformation applied

Asked 24 Jul 2010 05:29:40
has this question
24 Jul 2010 05:29:40 Chuck Borrelli posted:

I am in the midst of updating a site, but this is the only thing holding me back:

applying a scale x and scale y, loaded when the last image on the page is loaded.

These work fine in Safari and Firefox, but the images remain blurry in IE 7&8

Any suggestions?


Replied 26 Jul 2010 02:30:36
26 Jul 2010 02:30:36 Chuck Borrelli replied:
I had to change the design for the final product, and went with Spry Effects. the problem page is located here

Replied 26 Jul 2010 14:31:10
26 Jul 2010 14:31:10 Miroslav Zografski replied:
Hello Chuck,

The problem is that you have some width and height applied on your images.
And IE just crops them.
So for each image leave their original width and height.
Then add for each image tag a style property :


Then open the Animator interface and add a Custom Property (the last item in the tree) with name visibility and set to it a starting value of "visible", than add the scaleY and scaleX from 0 to 1 .

The js code for each image must look like following :

dmxAnimate('#image', {scaleX:0,scaleY:0,visibility:'visible'}, {scaleX:1,scaleY:1});

and that’s it.

Replied 27 Jul 2010 05:10:02
27 Jul 2010 05:10:02 Chuck Borrelli replied:
I had to enter the information manually.

The GUI would not allow the value of visibility. I tried no quotes, single quotes, double quotes, nothing.

I did go to code view and made the changes, and it worked, but if I try to access the GUI, I get an error message:

Error in "Animate to -visibilty" value"
The Value for "visibility" is invalid

I am using DW CS4 on OS X, Snow Leopard, 10.6.3

Any suggestions?

Replied 27 Jul 2010 12:13:38
27 Jul 2010 12:13:38 Miroslav Zografski replied:
Hello Chuck,

We are working on a fix for that.


Reply to this topic