Je bosse sur un Slider tout simple il est fonctionnel. lorsqu'on clique sur suivant ou précédent l'image se 'fadeOut' et l'image suivante(ou précédente se 'fadeIn' mais lorsque je clique sur "Suivant" l'animation est différente que lorsque j’appuie sur Précédent.

Voici le code :

$('.prev').click(function(){
                    $currentImg.fadeOut();
                    if(i == 0)
                        i = indexImg;
                    else
                        i--;
                    $currentImg = $img.eq(i);
                    $currentImg.fadeIn();
                    
                });
                
                $('.next').click(function(){
                    $currentImg.fadeOut();
                    if(i == indexImg)
                        i = 0;
                    else
                        i++;
                    $img.css('display','none');
                    $currentImg = $img.eq(i);
                    $currentImg.fadeIn();
                })

Lorsque je clique sur "Précédent". L'image actuelle s'efface lentement et l'image précédente apparait lentement, C'est parfait. Mais quand j'appuie sur "Suivant" le fadeOut ne se fais pas. Apres le clique l'image disparait instantanéement, et l'image suivante apparait lentement.

Pourquoi ?

(Merci d'avance à ceux qui porteront attention à ma question)