Changer l'image avec des effets de transition

Question

Je le script suivant qui change mon image sur une minuterie:

var da = setInterval(function() { 

    var current_image = document.getElementById('node_picture').src; 
    var image_index = current_image.substring(48,49); 
    image_index++; 

    if (image_index > 4) { 
     image_index = 1; 
    } 

    document.getElementById('node_picture').src="img/node/<?php echo $node_id ?>/" + image_index + ".png"; 

}, 4000); 

Je suis en train d'ajouter un effet FadeIn() jQuery. J'ai essayé d'ajouter

$('node_picture').FadeIn(); 

mais cela ne fonctionne pas.

Merci,

Answer 1

Remarque le cas ici:

$('node_picture').fadeIn(); 

http://api.jquery.com/fadeIn/

NB: Toutes les méthodes jQuery et propriétés de cas d'utilisation de chameau avec la lettre initiale en minuscules. Lorsque vous travaillez avec des sélecteurs, les ID doivent être préfixés avec le symbole # de hachage

J'ai raté ce la première fois, votre commentaire m'a fait prendre un autre regard:

$('node_picture').fadeIn(); // wrong 
$('#node_picture').fadeIn(); // right 

http://api.jquery.com/id-selector/

- moins que ce soit aussi une faute de frappe? ;-)