Bonjour,

je débute dans jquery world et j'ai une question à propos du fonctionnement de jquery et du css:

Dans l'exemple A Simple jQuery Slideshow de Jon Raasch (http://jonraasch.com/blog/a-simple-jquery-slideshow#) si je m'amuse à intervertir l'ordre des 2 dernières déclarations css comme ceci :


Code css : 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
 
#slideshow {
    position:relative;
    height:350px; /* Due to absolute positioning, we need to define the height of the slideshow DIV. */
}
 
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8; /* notice that we defined three different z-indexes—we will manipulate these soon using jQuery, see also below */
}
 
#slideshow img.last-active {
    z-index:9;
}
 
#slideshow img.active { 
    z-index:10;
}


Le slideshow fonctionne mais lors du retour à la première image il n'y a plus d'effet fade. Mais pourquoi donc?!

Ce n'est pas la seule fois que je suis tombé sur ce genre de problème; jusqu'à présent je tatonne en modifiant l'ordre des déclarations css mais sans vraiment savoir ce que je fais.

D'une manière plus général donc, je voudrais savoir comment fonctionne jquery selon l'ordre des déclérations css.

Merci,
ggerico.