require_once("html.class.php");
require_once("tools.php");
$pano = $_REQUEST["pano"];
$langue = $_REQUEST["langue"];
$panocode=<<
EOSC;
connection() or die ("Erreur base de données");
$query="SELECT * FROM panoramique WHERE (id=$pano)";
$recordset = mysql_query($query);
($recordset) or die("Erreur");
(mysql_num_rows($recordset) > 0) or die ("Panoramique introuvable") ;
$tampon = mysql_fetch_object($recordset);
$css = getcss($tampon->hauteur ,$tampon->largeur * 2);
$htmlclass = new htmlclass("Panneau Circulaire");
$htmlclass->pushcss("./css/main.css");
$htmlclass->pushother($css);
$htmlclass->pushjava($panocode);
$image = "./composants/panoramique/uploadpict/pan_" . $tampon->uid .$tampon->extention;
echo $htmlclass->tophtml("");
?>
echo getengine($tampon->largeur);
echo $htmlclass->bottomhtml();
function getcss($hauteur,$largeur2images) {
$css=<<
#vr
{
position: absolute;
top: 10px;
left: 10px;
height: {$hauteur}px;
width: 570px;
overflow: hidden;
}
#image
{
position: absolute;
top: 0;
left: 0;
height: {$hauteur}px;
width: {$largeur2images}px;
overflow: hidden;
}
#slider
{
position: absolute;
top: 6px;
left: 476px;/****/
width: 116px;
height: 116px;
background-image: url(./images/bigcircle.gif);
}
#indicator
{
position: absolute;
top: 17px;
left: 500px;
width: 11px;
height: 11px;
background-image: url(./images/select.gif);
cursor: move;
overflow: hidden;
}
EOCSS;
return $css;
}
function getengine($largeur) {
$enginecode=<<
$(document).ready(
function()
{
$('#indicator').Draggable(
{
onDragModifier : function(x,y)
{
var centerx = 530;
var centery = 60;
var angle = Math.atan((centery-y)/(centerx-x));
var angle2 = angle;
if((centerx-x)>=0)
angle += Math.PI;
if(centerx>=x)
angle2 += Math.PI;
angle2 += (Math.PI/2);
radius = 50;
$('#image').css('left', parseInt(-{$largeur}*angle2/(Math.PI*2)) + 'px');
return {
x: radius * Math.cos(angle) + centerx,
y: radius * Math.sin(angle) + centery
}
}
}
);
}
);
EOEG;
return $enginecode;
}
?>