2 Replies Latest reply on Jan 9, 2014 11:27 AM by MikkelMadsen

    The stage id in edge animate makes loading more then one stage a problem as static html

    MikkelMadsen

      Hey there forum.

       

      I would like to start a discussion about this topic. Do any of you have a solution to adding more then 1 edge animation as STATIC HTML to your index.php page for exsampel. I want to load the content as static since the SEO.

       

      But when I load 3 compositions as static, I cant copy the static content from edge's generetad html files over to index. If I do, I will have 3 stage ID as the same "stage". Any idea how to get this fixed? I could just rename them in the html and not use the genereted html but use only the stage div, but then I lose many benefits.

       

      Any ideas?

       

      Mikkel Madsen.

        • 1. Re: The stage id in edge animate makes loading more then one stage a problem as static html
          elainecc Adobe Employee

          Hi, Mikkel-

           

          You will need to ensure that your composition ID is different for multi composition pages.  The section on "multiple compositions" in the Edge Animate API will help explain how that works.  Please note, though, that if you publish for web with static HTML selected, your text will be exposed in the HTML file for SEO.

           

          Hope that helps,

           

          -Elaine

          1 person found this helpful
          • 2. Re: The stage id in edge animate makes loading more then one stage a problem as static html
            MikkelMadsen Level 1

            I tried that :/ But changing <div id="stage" class="main_links"> to  <div id="mainlinks_stage" class="main_links"> makes the animation a bit weird. I get this static output from our grafiker, but I have some seriously issuse with performance with it...

             

            <!DOCTYPE html>

            <html>

            <head>

                      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

                      <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

                      <title>main_links</title>

            <!--Adobe Edge Runtime-->

                <script type="text/javascript" charset="utf-8" src="mainlinks_edgePreload.js"></script>

                <style>

                    .edgeLoad-main_links { visibility:hidden; }

                </style>

            <!--Adobe Edge Runtime End-->

             

             

            </head>

            <body style="margin:0;padding:0;">

                      <div id="main_links" class="main_links">

             

                    <div id="main_links_arch_high" class="edgeLoad-main_links">

                        <img id="Stage_arch_high_arch_high_bg" alt="Mysole High Arch indlægssål baggrund" src="images/arch_high_bg.png"></img>

                        <div id="Stage_arch_high_blurr2"></div>

                        <img id="Stage_arch_high_arch_high_sole" alt="Mysole High Arch indlægssål" src="images/arch_high_sole.png"></img>

                        <div id="Stage_arch_high_hoverbar_static"></div>

                        <div id="Stage_arch_high_hoverbar"></div>

                        <div id="Stage_arch_high_beskrivelse">Arch High er udviklet til fødder med høj svang.<br>Indlægssålen afhjælper smerter <br>i specielt underfoden</div>

                        <div id="Stage_arch_high_overskrift">ARCH HIGH</div>

                        <div id="Stage_arch_high_color"></div>

                        <div id="Stage_arch_high_Text">LÆS MERE</div>

                        <div id="Stage_arch_high_wrapper"></div>

                    </div>

                    <div id="Stage_arch_mid" class="edgeLoad-main_links">

                        <img id="Stage_arch_mid_arch_mid_bg" alt="Mysole Arch Mid indlægssål baggrund" src="images/arch_mid_bg.png"></img>

                        <div id="Stage_arch_mid_blurr2"></div>

                        <img id="Stage_arch_mid_arch_mid_sole" alt="Mysole Arch Mid indlægssål" src="images/arch_mid_sole.png"></img>

                        <div id="Stage_arch_mid_hoverbar_static"></div>

                        <div id="Stage_arch_mid_hoverbar"></div>

                        <div id="Stage_arch_mid_beskrivelse">Denne indlægssål er udviklet til fødder med normal svang.<br>Sålen yder 100% komfort hele dagen</div>

                        <div id="Stage_arch_mid_overskrift">ARCH MID</div>

                        <div id="Stage_arch_mid_color"></div>

                        <div id="Stage_arch_mid_Text">LÆS MERE</div>

                        <div id="Stage_arch_mid_wrapper"></div>

                    </div>

                    <div id="Stage_arch_low" class="edgeLoad-main_links">

                        <img id="Stage_arch_low_arch_low_bg" alt="Mysole arch low indlægssål baggrund" src="images/arch_low_bg.png"></img>

                        <div id="Stage_arch_low_blurr2"></div>

                        <img id="Stage_arch_low_arch_low_sole" alt="Mysole arch low indlægssål" src="images/arch_low_sole.png"></img>

                        <div id="Stage_arch_low_hoverbar_static"></div>

                        <div id="Stage_arch_low_hoverbar"></div>

                        <div id="Stage_arch_low_beskrivelse">Udviklet til personer med flade fødder.<br>Den lavtliggende støtte sikrer optimal bevægelseskomfort</div>

                        <div id="Stage_arch_low_overskrift">ARCH LOW<br></div>

                        <div id="Stage_arch_low_color"></div>

                        <div id="Stage_arch_low_Text">LÆS MERE</div>

                        <div id="Stage_arch_low_wrapper"></div>

                    </div>

                    <div id="Stage_anatomical" class="edgeLoad-main_links">

                        <img id="Stage_anatomical_anatomical_bg" alt="Mysole anatomical indlægssål baggrund" src="images/anatomical_bg.png"></img>

                        <div id="Stage_anatomical_blurr2"></div>

                        <img id="Stage_anatomical_anatomical_sole" alt="Mysole anatomical indlægssål" src="images/anatomical_sole.png"></img>

                        <div id="Stage_anatomical_hoverbar_static"></div>

                        <div id="Stage_anatomical_hoverbar"></div>

                        <div id="Stage_anatomical_beskrivelse">Specielt udviklet til personer med behov for ekstra stabilitet og støddæmpning<br></div>

                        <div id="Stage_anatomical_overskrift">ANATOMICAL</div>

                        <div id="Stage_anatomical_color"></div>

                        <div id="Stage_anatomical_Text">LÆS MERE</div>

                        <div id="Stage_anatomical_wrapper"></div>

                    </div>

                    <div id="Stage_shock_absorption" class="edgeLoad-main_links">

                        <img id="Stage_shock_absorption_shockabsorption_bg" alt="Mysole shock absorption indlægssål baggrund" src="images/shockabsorption_bg.png"></img>

                        <div id="Stage_shock_absorption_blurr2"></div>

                        <img id="Stage_shock_absorption_shockabsorption_sole" alt="Mysole Shock Absorption indlægssål" src="images/shockabsorption_sole.png"></img>

                        <div id="Stage_shock_absorption_hoverbar_static"></div>

                        <div id="Stage_shock_absorption_hoverbar"></div>

                        <div id="Stage_shock_absorption_beskrivelse">Specielt udviklet til arbejdssko<br>Indlægssålen er ekstra støddæmpende</div>

                        <div id="Stage_shock_absorption_overskrift">SHOCK ABSORPTION</div>

                        <div id="Stage_shock_absorption_color"></div>

                        <div id="Stage_shock_absorption_Text">LÆS MERE</div>

                        <div id="Stage_shock_absorption_wrapper"></div>

                    </div>

                    <div id="Stage_anti_static" class="edgeLoad-main_links">

                        <img id="Stage_anti_static_anti_static_bg" alt="Mysole anti static indlægssål bg" src="images/anti_static_bg.png"></img>

                        <div id="Stage_anti_static_blurr2"></div>

                        <img id="Stage_anti_static_antistatic_sole" alt="Mysole anti staic indlægssål" src="images/antistatic_sole.png"></img>

                        <div id="Stage_anti_static_hoverbar_static"></div>

                        <div id="Stage_anti_static_hoverbar"></div>

                        <div id="Stage_anti_static_beskrivelse">Giver en let understøttelse af hæl og mellem-fod samt ekstra støddæmpning under hælen</div>

                        <div id="Stage_anti_static_overskrift">ANTI STATIC</div>

                        <div id="Stage_anti_static_color"></div>

                        <div id="Stage_anti_static_TextCopy">LÆS MERE</div>

                        <div id="Stage_anti_static_wrapper"></div>

                    </div>

                    <div id="Stage_hydrofelt" class="edgeLoad-main_links">

                        <div id="Stage_hydrofelt_hydrofelt_bg"></div>

                        <div id="Stage_hydrofelt_blurr2"></div>

                        <div id="Stage_hydrofelt_hydro_felt_sole4"></div>

                        <div id="Stage_hydrofelt_hoverbar_static"></div>

                        <div id="Stage_hydrofelt_hoverbar"></div>

                        <div id="Stage_hydrofelt_beskrivelse">Udviklet specielt til arbejdssko.<br>Sålen er stærkt fugtabsorberende</div>

                        <div id="Stage_hydrofelt_overskrift">HYDROFELT</div>

                        <div id="Stage_hydrofelt_color"></div>

                        <div id="Stage_hydrofelt_Text">LÆS MERE</div>

                        <div id="Stage_hydrofelt_wrapper"></div>

                    </div>

                    <div id="Stage_super_comfort" class="edgeLoad-main_links">

                        <img id="Stage_super_comfort_super_comfort_bg" alt="Mysole super comfort indlægssål baggrund" src="images/super_comfort_bg.png"></img>

                        <div id="Stage_super_comfort_blurr2"></div>

                        <img id="Stage_super_comfort_super_comfort_sole" alt="Mysole super comfort indlægssål" src="images/super_comfort_sole.png"></img>

                        <div id="Stage_super_comfort_hoverbar_static"></div>

                        <div id="Stage_super_comfort_hoverbar"></div>

                        <div id="Stage_super_comfort_beskrivelse">Fjedrende og støddæmpende indlægssål med ligelig trykfordeling over hele foden</div>

                        <div id="Stage_super_comfort_overskrift">SUPER COMFORT</div>

                        <div id="Stage_super_comfort_color"></div>

                        <div id="Stage_super_comfort_Text">LÆS MERE</div>

                        <div id="Stage_super_comfort_wrapper"></div>

                    </div>

                    <div id="Stage_workfit" class="edgeLoad-main_links">

                        <div id="Stage_workfit_workfit_bg"></div>

                        <div id="Stage_workfit_blurr2"></div>

                        <img id="Stage_workfit_workfit_stor_sole2" alt="Mysole Workfit indlægssål " src="images/workfit_stor_sole.png"></img>

                        <div id="Stage_workfit_hoverbar_static"></div>

                        <div id="Stage_workfit_hoverbar"></div>

                        <div id="Stage_workfit_beskrivelse">Yder optimal understøttelse til både hæl forfod og mellemfod</div>

                        <div id="Stage_workfit_overskrift">WORKFIT</div>

                        <div id="Stage_workfit_color"></div>

                        <div id="Stage_workfit_Text">LÆS MERE</div>

                        <div id="Stage_workfit_wrapper"></div>

                    </div>

                    <div id="Stage_Rectangle" class="edgeLoad-main_links"></div>

                    <div id="Stage_RectangleCopy" class="edgeLoad-main_links"></div>

                    <div id="Stage_RectangleCopy3" class="edgeLoad-main_links"></div>

                    <div id="Stage_RectangleCopy2" class="edgeLoad-main_links"></div>

                    <div id="Stage_RectangleCopy5" class="edgeLoad-main_links"></div>

                    <div id="Stage_RectangleCopy4" class="edgeLoad-main_links"></div>

                </div>

            </body>

            </html>