plugin Cycle. La première image du nouveau cycle ne reste pas au dessus
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:
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.
