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
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