Hi, I'm trying to buil a webapp with jquery in a jquerymobile framework and I would Like to display panoramas in it.
It works like a store locator, so the user is geolocated, then a list of the nearest poi are displayed, when you click on a item it displays content for the poi with a 360 button on the upper right corner.
If you click on the 360 button is open the page with the pano embeded in it.
It works perfect with desktop browsers (IE, Firefox, Safari) but bugs on iphone, ipad or using mobile useragent in safari, so I guess there might be a conflict between jquery and krpanoiphone.js ?
Here is how I embed the panorama in the page :
$('#panoPage360').html("<script>embedpano({swf:\"http://www.360images.fr/360/krpano/krpano.swf\",xml:\"" + $(shop.Description).find('a').attr('href') + "\",target:\"panoPage360\"});<\/script>")
Here is the link of the app : http://www.360images.fr/tour
Accept geolocation
click on "Monuments Historiques"
click on "Tour du Moulin"
click on "360
If you use mobile browser it will bug after clicking on "tour du moulin" showing a blank page..
If someone have an idea it would be great !!
Many thanx !!!