Pano embedding... ' ERROR no embedding target'

  • I try to embed my pano in a website but what I get is ' ERROR no embedding target' What is the problem here?

    Thanks for your help

    http://www.marcelwagenaar.nl/test/index4.html


    <!DOCTYPE html>
    <html>
    <head>
    <title>Marcel Wagenaar Panoramafotografie</title>
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta http-equiv="x-ua-compatible" content="IE=edge" />
    <style>
    @-ms-viewport { width: device-width; }
    @media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
    html { height:100%; }
    body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
    </style>
    </head>
    <body>
    </div><!-- #page -->

    <script src='tour.js'></script>
    <script src='assets/krpano/embedpano.js'></script>

    <script>
    embedpano({swf:'/assets/krpano/krpano.swf', xml:'RDcentraal/tour.xml', target:'pano', html5:'auto', passQueryParameters:true});
    /*
    var viewer = createkrpanoSWFviewer('assets/krpano/krpano.swf');
    viewer.addVariable('xml', '/RDcentraal/tour.xml');
    viewer.addParam('wmode', 'transparent');
    viewer.embed('pano');
    */

    $(contentbox_animate_hide);

    (function(){window.___gcfg = {lang: 'en-GB'};var po=document.createElement('script');po.type='text/javascript';po.async=true;po.src='https://apis.google.com/js/plusone.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s);})();
    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://http://platform.twitter.com/widgets.js';fj…tBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
    </script>

    </body>

  • Something like this Klaus? Thanks!


    <div id='loader' class='loading'></div>
    <div id="panocontainer">
    <div id="pano" style="width:100%; height:100%; position: absolute;"></div>
    </div>


    <div id="contentbox" class="bg pano_info">

  • http://www.marcelwagenaar.nl/test/index4.html

    Now I get HTML5 version not available on my Android Mobile and Film not loaded in Flash.

    -----
    <!DOCTYPE html>
    <html>
    <head>
    <title>Marcel Wagenaar Panoramafotografie</title>
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta http-equiv="x-ua-compatible" content="IE=edge" />
    <style>
    @-ms-viewport { width: device-width; }
    @media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
    html { height:100%; }
    body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
    </style>
    </head>
    <body>
    </div><!-- #page -->


    <div id="pano" style="width:100%; height:100%; position: absolute;"></div>
    </div>

    <!-- BEGIN CONTENT -->
    <div id="contentbox" class="bg pano_info">

    <script src='tour.js'></script>
    <script src='assets/krpano/embedpano.js'></script>

    <script>
    embedpano({swf:'/assets/krpano/krpano.swf', xml:'RDcentraal/tour.xml', target:'pano', html5:'auto', passQueryParameters:true});
    /*
    var viewer = createkrpanoSWFviewer('RDcentraal/krpano.swf');
    viewer.addVariable('xml', 'RDcentraal/tour.xml');
    viewer.addParam('wmode', 'transparent');
    viewer.embed('pano');
    */

    $(contentbox_animate_hide);

    (function(){window.___gcfg = {lang: 'en-GB'};var po=document.createElement('script');po.type='text/javascript';po.async=true;po.src='https://apis.google.com/js/plusone.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s);})();
    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://http://platform.twitter.com/widgets.js';fj…tBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
    </script>

    </body>
    </html>
    --------


    http://www.marcelwagenaar.nl/test/index4.html is working perfect.

    Thanks

  • Hi Klaus, how do you mean the path is wrong? It is driving me crazy *smile*
    I updated my source:

    <!DOCTYPE html>
    <html>
    <head>
    <title>Marcel Wagenaar Panoramafotografie</title>
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta http-equiv="x-ua-compatible" content="IE=edge" />

    </head>
    <body>
    </div><!-- #page -->


    <div id="pano" style="width:100%; height:100%; position: absolute;"></div>
    </div>

    <!-- BEGIN CONTENT -->
    <div id="contentbox" class="bg pano_info">

    <script src='RDcentraal/tour.js'></script>
    <script src='assets/krpano/embedpano.js'></script>

    <script>
    embedpano({swf:'/RDcentraal/tour.swf', xml:'RDcentraal/tour.xml', target:'pano', html5:'auto', passQueryParameters:true});
    /*
    var viewer = createkrpanoSWFviewer('RDcentraal/tour.swf');
    viewer.addVariable('xml', 'RDcentraal/tour.xml');
    viewer.addParam('wmode', 'transparent');
    viewer.embed('pano');
    */

    $(contentbox_animate_hide);

    (function(){window.___gcfg = {lang: 'en-GB'};var po=document.createElement('script');po.type='text/javascript';po.async=true;po.src='https://apis.google.com/js/plusone.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s);})();
    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://http://platform.twitter.com/widgets.js';fj…tBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
    </script>

    </body>
    </html>

  • Hi Klaus,

    I made a second testmap on my server and it is working on my computer but on my phone i get ' HTML version not available' I am almost there.... Please advice.

    Thanks, Marcel

    http://www.marcelwagenaar.nl/test2/index2.html

    -------

    <head>
    <title>Marcel Wagenaar Panoramafotografie</title>
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta http-equiv="x-ua-compatible" content="IE=edge" />

    </head>
    <body>
    </div><!-- #page -->


    <div id="pano" style="width:100%; height:100%; position: absolute;"></div>
    </div>

    <!-- BEGIN CONTENT -->
    <div id="contentbox" class="bg pano_info">

    <script src='centraalstation/tour.js'></script>
    <script src='assets/krpano/embedpano.js'></script>

    <script>
    embedpano({swf:'centraalstation/tour.swf', xml:'centraalstation/tour.xml', target:'pano', html5:'auto', passQueryParameters:true});
    /*
    var viewer = createkrpanoSWFviewer('/centraalstation/tour.swf');
    viewer.addVariable('xml', '/centraalstation/tour.xml');
    viewer.addParam('wmode', 'transparent');
    viewer.embed('pano');
    */

    $(contentbox_animate_hide);

    (function(){window.___gcfg = {lang: 'en-GB'};var po=document.createElement('script');po.type='text/javascript';po.async=true;po.src='https://apis.google.com/js/plusone.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s);})();
    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://http://platform.twitter.com/widgets.js';fj…tBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
    </script>

    </body>
    </html>


    -------

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!