Bonjour,
J'ais récupéré un script de caroussel. J'ais pu modifié l'affichage par contre lorqu'on cliques sur une miniature, elle apparait aggrandie au centre du caroussel et je souhaiterais qu'elle apparaisse au premier plan et làpar contre je ne sais pas comment faire.
Voici le script:
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/favicon-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript" src="interdit.js" type="text/JavaScript">
</script>
<style type="text/css">
/*<![CDATA[*/
<!--
.imag{position: absolute;
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=300
//hauteur de tout le manège
var hauteur=60
//Le nombre d'images
nbrimg=10
//images du manège
var pict=[
"coulissants/1.jpg",
"coulissants/2.jpg",
"coulissants/3.jpg",
"coulissants/4.jpg",
"coulissants/5.jpg",
"coulissants/9.jpg",
"coulissants/10.jpg",
"coulissants/6.jpg",
"coulissants/7.jpg",
"coulissants/8.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-190
document.getElementById("viewer").style.left=ll-170
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>
<style type="text/css">
body {
scrollbar-face-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:#000000;
scrollbar-arrow-color:#ffffff;}
</style>
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" rightmargin="0" onload="window_onload()">
<table width="900" border="0" align="center" valign=top cellpadding="0" cellspacing="0"><!--DWLayoutTable-->
<tr>
<td width="900" valign="top" align=left>
<div align="center"></span><a href="essai.htm"><img src="coulissants/1.jpg" id="viewer" class="viewer" alt="" name="viewer" /></a>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</td>
</tr>
</table>
Si quelqu'un avait la solution,
Merci d'avance