4 Replies Latest reply on Nov 20, 2012 8:34 PM by Mike Wickham

    Poster.png does not display in Windows XP and IE8

    Mike Wickham Level 4

      I built my homepage so that graphics slide in from the side, top, and bottom. Then the text fades in. The page animations at http://mikewickham.com seem to be working in IE9, Chrome, Safari, Opera, and Firefox, in Windows 7. In Windows XP, they seem to be working in Chrome, Safari, Opera and Firefox, but NOT in IE8. I followed the "Support older browsers with poster images" instructions at http://helpx.adobe.com/edge-animate/using/target-older-browsers.html to create a poster image in the down-level stage. I uploaded the files, but there is no change. IE8 still displays a black screen in Windows XP. I can see a notification flash at the bottom of the screen that the Poster.png file is downloading, but IE8 refuses to display it. Ideas, anyone?

        • 1. Re: Poster.png does not display in Windows XP and IE8
          TimJaramillo Level 4

          As a workaround, you can hard code your Poster image in the Edge div on your html page. Then, if/when your Edge animation loads, it will overlay the image.

           

          <div id="Stage" class="EDGE-848972404"><img src="images/Poster.png" alt="edge placeholder" width="800"></div>

          • 2. Re: Poster.png does not display in Windows XP and IE8
            Mike Wickham Level 4

            This is still not working for me. Perhaps I am doing something wrong. Here are the steps I took, using Dreamweaver to insert the code into my index.html file.

             

            1. I placed the code inside the <body> tag, but before the existing <div> tag. The static poster now shows in XP, but Windows 7 now shows two copies of the page, instead of one, and neither is animated.

             

            2. I placed the code within the main <div> tag, as a nested <div>, and the result is the same as #1.

             

            3. I placed the code as the last thing within the main <div> tag. In W7, I get one animated copy, followed by one static copy (the poster). In XP, there is a large black block, followed by the static copy of the page.

             

            4. I placed the code within the <body> tag, but after the main <div> tag. Same result as #3.

            • 3. Re: Poster.png does not display in Windows XP and IE8
              AllDayDev Adobe Employee

              If you're doing this on your mikewickham.com website, then your problem may be that your HTML code does not validate.

               

              http://validator.w3.org/check?uri=http%3A%2F%2Fmikewickham.com

               

              The above page shows several errors, but there two main issues I see right away:

              1) You are mixing HTML with XHTML, which may be causing IE to render content in quirks mode. Stick to one or the other (HTML 4.01 or HTML 5 is probably best for integrating with Edge Animate code).

              2) The code you inserted in the <head> for Edge Animate is incomplete, which is preventing the page from loading the animation.

               

              Right now you have:

              <!--Adobe Edge Runtime
              <meta http-equiv="X-UA-Compatible" content="chrome=IE8">
              <script type="text/javascript" charset="utf-8" src="index_edgePreload.js"></script>
              <style>
              .edgeLoad-EDGE-6735094 { visibility:hidden; }
              img { display: block; }
              </style>
              <!--Adobe Edge Runtime End-->

              The opening comment on the first line is not closed. It should instead be:

              <!--Adobe Edge Runtime-->

               

               

              Hopefully that helps get you closer to a solution.

              • 4. Re: Poster.png does not display in Windows XP and IE8
                Mike Wickham Level 4

                I have intentionally commented out the edge script for now. Since it is not working right for XP users, I thought it better for everyone to see a static page than for XP users to see only a blank, black screen. As I fiddle with it, I make the script active again. I got the current page to validate, but my attempt tonight to plug in the suggested code below gave me no better results:

                 

                <div id="Stage" class="EDGE-848972404"><img src="images/Poster.png" alt="edge placeholder" width="800"></div>

                 

                Should I be trying that code as is, or substituting the "EDGE-848972404" with "edgeLoad-EDGE-6735094" as appears throughout my page?