Exemple simple pour faire clignoter un élement html (ici une image) grâce à JQuery.
J’utilise les fonctions natives JQuery fadeIn() et fadeOut() qui permettre de faire un fondu d’apparition et de disparition d’un élément, entrecoupées par un intervalle de temps grâce à la fonction delay (temps en ms).

Et je répète l’opération grâce à la fonction Javascript setInterval (mafonction, intervalle de répétition en ms)

 

Code HTML :

<img id="image-neon" src="adresse-de-mon-image"/>

Code JQuery :

$(document).ready(function(){ 
function FaireClignoterImage (){ $("#image-neon").fadeOut(200).delay(300).fadeIn(200); } setInterval(FaireClignoterImage,700); });

Il existe d’autres techniques, notamment un effet de clignotement en pur CSS 

0 réponses

Laisser un commentaire

Participez-vous à la discussion?
N'hésitez pas à contribuer!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.