Problème caroussel

Signaler
Messages postés
43
Date d'inscription
mercredi 31 août 2011
Statut
Membre
Dernière intervention
31 août 2011
-
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
-
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

Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
14
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)