Hi Everyone,
Has anyone successfully been able to write instructions to detect browser and have different target sizes. Right now if I set my height and width on the swf you cannot effectively view it on an ipad or ipod touch. If you leave eveything in full screen then the ipad and iphone shows thumbs and images correctly but the issue is when you open a regular browser then it shows everything in fullscreen as well. I've been looking at javascript sites to write something but not being a coder I can't get something to work and unfortunately all my clients have different sizing requirements.
Hope someone can help.
Thanks in Advance.
Robert
QuoteDisplay More<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Optical Trends 4U</title>
<link type="text/css" rel="stylesheet" href="fb/floatbox.css" />
<script type="text/javascript" src="fb/floatbox.js"></script>
<script type="text/javascript" src="fb/options.js"></script><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>
body{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; background-color:#FFFFFF; margin:0; padding:0; }
* html, * html body{ overflow: hidden; }
a{ color:#AAAAAA; text-decoration:underline; }
a:hover{ color:#FFFFFF; text-decoration:underline; }
</style>
</head>
<body><div id="krpanoDIV" 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>
</div><script type="text/javascript" src="javascript/swfkrpano.js"></script>
<script type="text/javascript" src="javascript/swfobject.js"></script>
<script type="text/javascript" src="javascript/swfkrpanomousewheel.js"></script><script>
// <![CDATA[
var viewer = createPanoViewer({swf:"krpano.swf", id:"krpanoSWFObject", width:"900", height:"700", target:"krpanoDIV"});
//viewer.useHTML5("whenpossible"); // incomment to use the HTML5 krpanoJS viewer always when possible (Safari5)
if( viewer.isDevice("iPhone|iPad|Android") )
viewer.addVariable("xml", "startup_mobile.xml");
else
viewer.addVariable("xml", "startup.xml");
viewer.addParam("allowFullScreen","true");
viewer.addParam("wmode","opaque");viewer.embed();
// ]]>
</script></body>
</html>