Discussion :

[jfnoe]

Bonjour,

J'utilise le "Jquery cycle plugin".
J'ai pris comme base l'exemple suivant : http://jquery.malsup.com/cycle/adv2.html
que j'ai modifié pour avoir une image qui en pousse une autre, ce qui donne cela : http://ultra-annuaire.fr/help/index.html

Mon problème c'est que lorsque les 3 images ont défilé et que le cycle recommence, la première image du nouveau cycle ne reste pas au dessus comme les précédentes.

Je pense que cela vient de la propriété zIndex de CSS. Si la valeur zIndex de l'image suivante est plus petite, et elle l'est peut être lorsqu'elle a fait le tour et recommence un cycle, alors elle passe en dessous. J'ai pourtant indiquer 1 pour le cssBefore et 0 pour le cssAfter et fait de nombreux essais, mais sans succès.
Si vous avez une idée, elle serait bienvenue.

Voici les paramètres utilisés :
---------------------------

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
$('#s1').cycle({
fx: 'custom',
cssBefore: {
top: 0,
left: 0,
width: 0,
height: 0,
zIndex: 1
},
animIn: {
width: 300,
height: 400
},
animOut: {
top: 0,
left: 332,
width: 300,
height: 400
},
cssAfter: {
top: 0,
left: 332,
width: 300,
height: 400,
zIndex: 0
}
});

---------------------------
Merci d'avance pour votre aide.

[scourjean]

cssAfter : z-index:2 et cssAfter : z-index:1 ?

[llaffont]

L'image 1 garde tout le cycle un Z-index à 1 est-ce normal ?

[jfnoe]

Bonjour scourjean,

Que veux tu dire par "cssAfter : z-index:2 et cssAfter : z-index:1" ?
Il y a 2 fois le paramètre cssAfter ?
Si c'est "cssBefore : z-index:2 et cssAfter : z-index:1" que tu voulais suggérer, j'ai essayé cela ne change rien.

------------------------------------------

Bonjour llaffont,

L'image 1 garde tout le cycle un Z-index à 1 est-ce normal ?
Si je comprend bien, dans les paramètres cssAfter l'image en cours prend un zIndex de 1 en début d'animation et de 0 à la fin il me semble.