Hello, i m trying to insert a video in a box (thickbox or shadowbox) when i m clicking on a plugin or a hotspot.
I tryed all the ways and i dont undestand why the box doesnt appear. Can u help me ?
HTML CODE (anihotspots.html)
<!DOCTYPE html>
<html>
<head>
<title>krpano.com - animated hotspots example (for Flash and HTML5)</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>
@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; }
a{ color:#AAAAAA; text-decoration:underline; }
a:hover{ color:#FFFFFF; text-decoration:underline; }
</style>
<script type="text/javascript" src="js/jquery-latest.pack.js"></script>
<script type="text/javascript" src="js/thickbox-compressed.js"></script>
<link rel="stylesheet" href="js/thickbox.css" type="text/css" media="screen" />
</head>
<body>
<script src="../../../swfkrpano.js"></script>
<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>
<script>
var viewer = createswf("../../../krpano.swf");
viewer.addVariable("xml", "anihotspots.xml");
viewer.addParam("wmode","opaque");
viewer.embed("krpanoDIV");
</script>
</div>
</body>
</html>
XML CODE (anihotspots.xml)
<krpano version="1.0.8" onstart="showtext('krpano[br]animated hotspots example', infostyle);">
<!-- text style for startup text -->
<textstyle name="infostyle"
origin="center" edge="center" yoffset="-100" textalign="center" background="false" border="false"
fontsize="40" textcolor="0xFFFFFF" bold="false" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
showtime="4.0" fadeintime="1.0" fadetime="1.0"
/>
<!-- pano -->
<image type="CUBESTRIP">
<cubestrip url="pano.jpg" />
</image>
<!-- view settings -->
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" fovmin="60" fovmax="120" />
<plugin name="plugin1" url="media/plugin1.png" keep="true" zorder="1" children="false"
align="lefttop" x="10" y="10"
onclick="js(tb_show(test, movie.swf));"/>
</krpano>
I don't understand why ? The paths are ok.
An expert ?