Problems with krpano in a jquery Webapp

  • hi,
    i trying now for days to insert a krpano pano into my jQuery Mobile App, but that didn work well. If i insert the pano into my normal jQuery Mobile page and than link from a other page to it, i dont see the pano. This Problem is not only on the iphone but also in the normal desktop browser. I checked the paths and everything else, but i didn find the problem. If i kick out the whole jquery code, the pano works great. So now i post both sites:

    site.html

    test.html

  • <div data-role="page" class="page-tour">
    <script src="tour.js" type="text/javascript"></script>
    <link rel="stylesheet" href="style.css" />


    <div data-role="content">
    <div id="panodiv">
    <!-- tour loads here -->
    </div>
    </div>

    <script>
    var viewer = createPanoViewer();
    if ( viewer.isHTML5possible() ) {
    viewer.useHTML5("always");
    viewer.addVariable("id", "krpanoSWFObject");
    viewer.addVariable("xml", "tablet.xml");
    viewer.embed("panodiv");
    }
    else {
    alert('Error: Browser is not capable of showing this tour');
    }
    </script>

    <script>function krpano() { return document.getElementById("krpanoSWFObject"); }</script>

    </div>
    And then the stylesheet contains the following:

    Code
    .page-tour, .ui-content, #panodiv { width: 100%; height: 100%; padding: 0; }

    I have added a class of page-tour to the data-role page for referencing.
    Hope that helps.

    Sorry that I am not using your code but I had this already on my pc but I am sure you can implement it.

Participate now!

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