avant toute chose fais toi une copie des sources FPP
car au départ on bouzille du fichier
perso pour bien comprendre comment ça fonctionne
j'ai commencé par mettre mes images au même nom que les exemples proposés ( les nature et nature_small )
donc ton dossier pano va comprendre deux sous-répertoires
images
et files
pour le modèle bw_preview il faudra aussi mettre dans ton dossier files les plugins : hotspot et loadmeter utilisés pour les layers 2 et 4
+ le fichier pano.swf et le fichier swfobject.js
voilà le fichier xml
<?xml version='1.0'?>
<panorama>
<parameters>
disableLoading = 1
loaderTextColor = #FFFFFF
loaderBackColor = #282828
loaderText =
zoomHome = 0.7
layer_2 = files/hotspots.swf
layer_4 = files/loadMeter.swf
</parameters>
<hotspots>
<global
onStart = "loadPreview();"
loadPreview = "
loadPano(?panoName=images/nature_small,300);
onTransitionEnd=loadMain();
pano.qualityStatic=low
"
loadMain = "
loadPano(?panoName=images/nature,600);
onTransitionEnd=
"
>
</global>
</hotspots>
</panorama>
ainsi que le fichier html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Example</title>
<style type="text/css">
<!--
/* hide from ie5 mac \*/
html {
height: 100%;
overflow: hidden;
}
#flashcontent {
height: 100%;
}
/* end hide */
#flashcontent {
color: #fff
}
#flashcontent a {
color: #f60;
}
#flashcontent a:hover {
color: #06f;
}
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #282828;
}
</style></head>
<body>
<script type="text/javascript" src="files/swfobject.js"></script>
<div id="flashcontent">This content requires <a href="
http://www.adobe.com/go/getflashplayer/">Adobe Flash Player</a> and a browser with JavaScript enabled.<br />Built on <a href="
http://flashpanoramas.com/player/">Flash Panorama Player</a>.</div>
<script type="text/javascript">
var so = new SWFObject("files/pano.swf", "pano", "100%", "100%", "9", "#282828");
so.addVariable("xml_file","bw_preview.xml");
so.addParam("allowFullScreen","true");
so.addParam("allowScriptAccess","sameDomain");
so.write("flashcontent");
</script>
</body>
</html>
non, je blague pas...
