Problème caroussel

webide Messages postés 43 Date d'inscription mercredi 31 août 2011 Statut Membre Dernière intervention 31 août 2011 - 10 févr. 2009 à 13:19
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 - 12 févr. 2009 à 18:26
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+=""
}
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>



<!--DWLayoutTable-->
----

Si quelqu'un avait la solution,
Merci d'avance

1 réponse

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 16
12 févr. 2009 à 18:26
Bonjour,
Il te suffit de jouer sur le zIndex du DIV avec id="viewer, puisque c'est dans ce
DIV que tu charge ton image...
Nota :
Ton carroussel passera
derrière dans ce cas bizarre comme effet...
;O)
0