11548 sujets

JavaScript, DOM et API Web HTML5

Hello
j'ai un petit script pour faire un fade entre une série d'images issues d'une requete mysql et d'un menu dynamique

<code>
<div id="ac_background" class="ac_background" >
<div class="active"><img class="ac_bgimage" src="_images/Default.jpg" /></div>
<? echo $outputBgPics; ?>
//Image 1
//Image 2
//Image 3
//de la forme <div style="display:none" id="1"><img class="ac_bgimage" src="_images/Default.jpg" /></div> etc
</div>
</code>

<code>$('.oopic').mouseover(function() {
var currid = $(this).attr("id");
var curridT = $('.active').attr("id");

$('#curridT').fadeOut(900).removeClass('active');
$('#mpic'+currid).fadeIn(900).addClass('active');
});</code>

En somme si l'id du menu =1 il fadeOut l'actuel image de la class active et fadeIn l'image avec l'id 1

Ca fonction exepté que je ne peux faire dans le sens 1 2 3 4 si je repasse sur 1 ca ne s'affiche pas je dois avoir un probleme de Z index.. si quelqu'un avait une idée
Bonjour, je n'ai pas tester ton code mais si tu pense que cela vient du z-index pourquoi ne pas créer une classe avec un z-index élevé que tu ajoutes à l'image qui doit s'afficher et que tu enlèves une fois que tu veux passer à la suivante...