Bonjour,
J'ais un petit souci avec un script caroussel en javascript.
L'image centrale est décalée vers la droite par rapport au caroussel et ce quoique je fasse, je n'arrives pas à la centrer. J'ais essayé par tous les moyens sans succès.
Voici le script de fonctionnement
<style type="text/css">
/*<![CDATA[*/
<!--
.imag{position: absolute;
margin-left: 0px;
cursor:hand;
border-style:solid;
border-width:1;
border-color:#CCCCCC;}
.viewer{position:absolute;z-index:99;width:350;}
//-->
/*]]>*/
</style>
<script language="javascript" type="text/javascript">
//<![CDATA[
<!--
var angle=1,ll,hh,bcl,vit=0.02;
//taille des vignettes
var taille=60
//largeur de tout le manège
var largeur=310
//hauteur de tout le manège
var hauteur=60
//Le nombre d'images
nbrimg=8
//images du manège
var pict=[
"caroussel/1.jpg",
"caroussel/2.jpg",
"caroussel/8.jpg",
"caroussel/4.jpg",
"caroussel/5.jpg",
"caroussel/3.jpg",
"caroussel/7.jpg",
"caroussel/6.jpg"]
function window_onload(){
for(i=1;i<=nbrimg;i++){
document.body.innerHTML+="<img id=i"+i+" src="+pict[i-1]+" onmouseover=\"vit=0\" onmouseout=\"vit=0.01\" onclick=\"document.getElementById(\'viewer\').src=this.src\" class=imag>"
}
return move()
}
function move(){
ll=document.body.clientWidth/2
hh=document.body.clientHeight/2
document.getElementById("viewer").style.top=hh-90
document.getElementById("viewer").style.left=ll-100
angle=angle-vit
for(i=1;i<=nbrimg;i++){
document.getElementById("i"+i).style.left=ll+largeur*(Math.cos(angle+i*2*Math.PI/nbrimg))
document.getElementById("i"+i).style.top=hh+hauteur*(Math.sin(angle+i*2*Math.PI/nbrimg))+document.getElementById("i"+i).width/2
agl=angle+i*2*Math.PI/nbrimg
document.getElementById("i"+i).width=20*(Math.sin(agl))+taille
document.getElementById("i"+i).style.zIndex=50*(Math.sin(agl))+100
document.getElementById("i"+i).style.opacity=(Math.sin(agl)+1)*0.50
document.getElementById("i"+i).style.filter="alpha(opacity="+(Math.sin(agl)+1)*50+")"
}
setTimeout("move()",1)}
//-->
//]]>
</script>
et la ligne appelant le script
<div align="left"></span><img src="caroussel/1.jpg" id="viewer" class="viewer" alt="" name="viewer" />
Si quelqu'un a une idée car moi je cale.
Merci d'avance