Jump to content
Search Community

Rotation and Scaling doesn't works in Internet Explorer 8

Im Hochparterre test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi,

in my current HTML5 project I need especially the scale and rotation skills from GSAP and one of the requirements is, that it have to run on IE8. Now I took notice that it doesn't works. I tested it at first in IE11 and emulating IE8 and after that I used an real IE8.
In all other current browsers it works fine, include in IE11 and emulated IE9 and 10.

The code, you can see in my codepen example isn't complex. What I made wrong or is it impossible in connection with IE8?

 

Thanks for information to this problem.

Best regards.

Tilo

See the Pen iuJDH by spaceschattel (@spaceschattel) on CodePen

Link to comment
Share on other sites

Hello Im Hochparterre, and welcome to the GreenSock forum!

 

I just tested your codepen link in real standalone IE8 and it works!

 

Microsoft Internet Explorer, Version: 8.0.6001.18702

Windows 7

 

Also tested on:

 

 

Microsoft Internet Explorer, Version: 8.0.6001.18702

Windows XP

 

When trying to view code on codepen in IE8, you need to make sure it is only in Full Mode view.

 

So your codepen link above should be viewed using the Full Mode link for codepen:

 

See the Pen iuJDH by spaceschattel (@spaceschattel) on CodePen

 

Just a quick note, that Microsoft stopped all support for XP and IE8. So it is no longer a viable browser to use or test with... not to mention the major websites on the internet don't even allow there site to render in IE8, since it is now a dead browser version.

 

i hope this helps :)

  • Like 2
Link to comment
Share on other sites

Hi Jonathan,

thanks a lot for the quick answer.

 

Oh yes, you are right, the codepen example runs on IE8. Sorry, I have only temporarely a notebook with IE8 for testing and the codepen example I could only test by emulating IE8 on IE11 and there it didn't works.

And you are right too with your opinion over IE8 but my customer, a global player, has thousands of employees worldwide with thousands of PC's. They update their software only in long intervals, so IE8 is in the moment still the standard browser.

So its necessary that all things we do, have to run on their systems inhouse ;-(.

 

But the problem of mine isn't solved yet.

Attached you can find a part of the real project: greensockTest.zip

 

One HTML file with some assets. Its only raw data for technical testing without design. I used the mentioned functionalities "rotation" and "scale" on one hand for animation the content and on the other hand especially the scale functionality in connection with window resize for scaling the whole animation container. So its very important and it works on all current browsers excluding on IE8 on my Test-PC (WIN 7 Enterprise 64bit SP1 and IE8 Version 8.0.7601.17514).

 

It would be great, if you can check it out one time more, which is wrong. That would bear a helping hand for me.

 

For understanding a short explanation what why happens:

  • first a fair map appears with autoAlpha
  • the booth of the company will marked on the map
  • than the fair map zooms in and fade out by rotation and autoAlpha
  • in the same time the booth map appears  (its a bigger picture, 5000x2800 px, because you should zoom in later)
  • a button appears in the right bottom corner and you can change per click between the booth map and the fair map

At the moment here is the end. At the end, I hope ;-), it will be an interactive boothguide for a fair. Later appears next hotspots on the boothplan and you can learn which products will introduce in the different areas of the booth. By clicking a shown product you will linked to the product page in our customers website.

 

Thank you very much indeed and have a nice weekend!

Tilo from "Im Hochparterre" ;-)

 

 

Hello Im Hochparterre, and welcome to the GreenSock forum!

 

I just tested your codepen link in real standalone IE8 and it works!

 

Microsoft Internet Explorer, Version: 8.0.6001.18702

Windows 7

 

Also tested on:

 

 

Microsoft Internet Explorer, Version: 8.0.6001.18702

Windows XP

 

When trying to view code on codepen in IE8, you need to make sure it is only in Full Mode view.

 

So your codepen link above should be viewed using the Full Mode link for codepen:

 

See the Pen iuJDH by spaceschattel (@spaceschattel) on CodePen

 

Just a quick note, that Microsoft stopped all support for XP and IE8. So it is no longer a viable browser to use or test with... not to mention the major websites on the internet don't even allow there site to render in IE8, since it is now a dead browser version.

 

i hope this helps :)

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...