Galerie - Images FadeIn/Pour JQuery

Question

Bonjour j'ai essayé de disparaître des images dans et hors de cette galerie:

$('#slides').fadeTo(3000, 0.0); 

https://codepen.io/anon/pen/gwRXdK

Le code est beaucoup, donc je ne veux pas spam il ici juste vous pouvez le voir dans le stylo

Je pensais que je l'avais fonctionné mais je n'avais pas de chance, je voudrais tellement l'arrêter de passer de la droite et juste pour l'avoir fondu dans quelqu'un pourrait me pointer dans la bonne direction s'il vous plaît, merci d'avance

Answer 1

modifié votre code légèrement ici https://codepen.io/poweroftheforce/pen/PGjErq

Si je comprends bien à ce que vous voulez accomplir, vous souhaitez effectuer l'opération sur la diapositive en cours

$("#slides li:nth-child("+$actualtarget+")") 

plutôt que le contenant

$('#slides'). 

Ainsi j'ai enlevé

$('#slides').fadeTo(3000, 0.0); 

et a changé/ajouté

$("#slides li:nth-child("+$actualtarget+")").addClass('alive'); 

à

$("#slides li:nth- child("+$actualtarget+")").addClass('alive').css('opacity', '0').animate({ 
    opacity: 1 
    }, 5000, function() { 
    // Animation complete. 
    }); 

de telle sorte que, en plus de régler le courant ou la diapositive suivante disponible à la classe « en vie », sa mise en est l'opacité à zéro et l'animation à l'opacité de 1 (fadeIn)

Hope this helps :)

Answer 2

Cocher cette codepen link Supprimé:

//$('#slides').fadeTo(3000, 0.0); 
//$('#slides').css('transform','translate3d(-'+$margin+'px,0px,0px)');