jQuery fadeIn() entre if et else

Question

Je veux fondre entre différentes images qui sont chargées lorsque différentes choses se produisent. J'ai créé des règles if, else et pensé que je peux dire à jQuery avec le fadeIn() de fondre dans chaque nouvelle image. Mais ça ne marche pas et je ne sais pas pourquoi. Je pense que c'est un super petit truc de code que je n'arrive pas à comprendre. J'espère que vous pouvez m'aider!

Voici mon code à ce jour:

if(count == 1){ 
    $('.star').html('<img src="' + stern1 + '">').delay(1000).fadeIn('slow'); 
} else if (count == 2){ 
    $('.star').html('<img src="' + stern2 + '">').delay(1000).fadeIn('slow'); 
} else if(count == 3){ 
    $('.star').html('<img src="' + stern3 + '">').delay(1000).fadeIn('slow'); 
} else if(count == 4){ 
    $('.star').html('<img src="' + stern4 + '">').delay(1000).fadeIn('slow'); 
} else if(count == 5) { 
    $('.star').html('<img src="' + stern5 + '">').delay(1000).fadeIn('slow'); 
} else { 
    $('.star').html('<img src="' + stern1 + '">').delay(1000).fadeIn('slow'); 
} 

Answer 1

Vos erreurs est:

Insérer le contenu dans votre html

il affiche donc le contenu toujours, votre effort est ne pas montrer comme retard et fadeIn.

S'il vous plaît essayez ce qui suit:

$('.star').html('<img src="' + stern1 + '">').hide().delay(1000).fadeIn('slow');