Evénement d’incendie lorsque l’élément change de classe

J’ai implémenté ce diaporama sur ma page Web. Si vous cliquez sur le bouton droit de la souris, puis sur Inspect Element, vous pouvez voir les éléments de ce diaporama.

entrez la description de l'image ici

Je veux append un événement dans jQuery qui se déclenchera chaque fois que la nouvelle image est chargée dans ce diaporama. J’ai remarqué que chaque fois que l’image est modifiée, la classe d’élément ul avec id=supersized change la classe de qualité en vitesse dans une boucle. Je pensais donc que je pouvais déclencher l’événement chaque fois que la classe de cet élément changerait.

J’ai essayé avec un événement de chargement d’image, mais je n’obtiens pas les résultats souhaités car il semble que toutes les images sont chargées au début, et non au moment où elles sont affichées dans le diaporama.

S’il existe une meilleure solution que l’événement de changement de classe, elle est également acceptable. J’ai donc besoin que quelque chose se passe lorsque l’image dans le diaporama est en train de changer.

S’il est possible, je ne souhaite pas utiliser les fonctions setTimeout() dans la solution car cela vérifiera les modifications apscopes dans une boucle et cela ralentira la page.

  (function($){ event_to_be_fired = { afterAnimation:function(){ console.log("slide changed"); //code for event to be fired on slide change } }; })(jQuery);

ref: Comment puis-je utiliser cette api de plugin jquery surdimensionné

Selon Réponse de @epascarello
Javascript

 function addClassNameListener(elemId, callback) { var elem = document.getElementById(elemId); var lastClassName = elem.className; window.setInterval( function() { var className = elem.className; if (className !== lastClassName) { callback(); lastClassName = className; } },10); }

Avec une demande spéciale de quelqu’un qui était juste intéressé à commenter plutôt que d’aider
Travail du violon

En utilisant ce plugin c’est possible

 $('#me').observe({ atsortingbutes: true, atsortingbuteFilter: ['class'] }, function (record) { console.log(record); fireMe(); });

J’espère que c’est ce que vous recherchez .. !!