4 Replies Latest reply on Jul 17, 2017 2:27 AM by BornfreeNZ

    Implementing a 360 pano in Edge Animate

    AmintaAdobe Level 1

      Hi folks!!

       

       

      My collegues made a a 360 pano with Pano2Vr and I need to implement direclty in Edge Animate.

       

      The Html syntax to implement a Pano (via Krpano) is very simple:

       

      http://krpano.com/docu/html/#embedpano

       

      In my case:

       

      <body>

        <script src="swfobject/swfkrpano.js"></script>

       

            <div id="Pano" style="height:100%;">

              <script>

                embedpano({target:"Pano", xml:"index.xml"});

              </script>

       

      All ok!

       

      But when I try to "translate" this code in Edge Animate, I get (in console) this error:

       

      TypeError: 'null' is not an object (evaluating 'n.innerHTML=this.getSWFHTML()')

       

       

      This is my EdgeCode (in CompositionReady):

       

      $("<link rel='stylesheet' type='text/css' href='style.css'>").appendTo("#Stage");

       

      yepnope(

      {

      nope:[

      'swfkrpano.js'

      ],

      complete: init

      }

      );

       

       

      function init (){

       

      embedpano({target:"Pano", xml:"index.xml"});

       

      }

       

       

      style.css code:

       

       

      #Stage_Pano {

                width: 100%;

                height: 100%;

      }

       

       

      Obviously, on the Stage I've created a rectangle-shaped element called "Pano" (as a Div)


      It seems to me that the parameter target:"Pano" in embedpano() function can't recognize the Div "Pano" created in Edge Stage? Maybe I have to translate the JQuery object in the Dom object? But how?

       

       

      Anyone can help?

       

      Here the complete project's files:

       

      http://www.terredainventare.it/PanoEdge.zip

       

       

      THANKS in advance for your help!

       

      Davide