Sie sind nicht angemeldet.

"Gelöst" Mobile Panos in CDNs

Horsty

Mega-User

  • »Horsty« ist der Autor dieses Themas

Beiträge: 783

  • Nachricht senden

1

Mittwoch, 9. November 2011, 16:59

Mobile Panos in CDNs

Hallo zusammen,

vielleicht eine etwas unübliche Frage in Zusammenhang mit krpano, HTML5, Javascript und CSS in CDNs .

Ich bekomme ums verrecken keine lauffähige mobile Variante in Cross Domain Umgebungen zum laufen.

Was muss man ich dabei beachten?

Laut FireBug wird die tour.xml sauber geladen.

Dieser Beitrag wurde bereits 4 mal editiert, zuletzt von »Horsty« (14. November 2011, 14:07)

Horsty

Mega-User

  • »Horsty« ist der Autor dieses Themas

Beiträge: 783

  • Nachricht senden

2

Samstag, 12. November 2011, 07:18

Hat tatsächlich keiner Erfahrungen mit CDNs in diesem Kontext?

Horsty

Mega-User

  • »Horsty« ist der Autor dieses Themas

Beiträge: 783

  • Nachricht senden

3

Montag, 14. November 2011, 14:06

Hallo Panoramafreunde,

ich habe nun doch eine Möglichkeit gefunden, die HTML5-CSS-Variante in einem CDN-Kontext zum laufen zu bringen.
Hier meine Lösung. Wichtig: Zeile 14 und Zeilen 17 bis 22. Vielleicht kann es der eine oder andere irgendwann gebrauchen.

$this->cacheCode('[php]','
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>blablub</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" />
<style>
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; }
a{ color:#AAAAAA; text-decoration:underline; }
a:hover{ color:#FFFFFF; text-decoration:underline; }
</style>
<base href="http://cdnsubdomain.akamai.com/ordner1/ordner2/ordner3/mobile/">
</head>
<body>
<script type="text/javascript">
XMLHttpRequest.prototype.originalOpen = XMLHttpRequest.prototype.open;
XMLHttpRequest.prototype.open = function(method, url, async, user, password) {
this.originalOpen(method, window.location.href.replace(/[^/]*$/,'')+url, async, user, password);
}
</script>
<script src="tour.js"></script>

<div id="pano" style="width:100%; height:100%;">
<noscript><table style="width:100%;height:100%;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
<script>
embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano"});
</script>
</div>

</body>
</html>')

Ähnliche Themen