10253 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je me permets de vous contacter car je rencontre une difficulté.

Pour un projet, j'utilise un effet appliqué sur body (background animé).

L'effet en question est : Glassy Worms.

Pour activer cet effet, il faut le déclarer sur body dans notre fichier JS.

$('body').glassyWorms();


J'aimerais désactiver cet effet en version mobile (lorsque la largeur de l'écran est inférieure à 1049 pixels).

Je pensais obtenir le résultat souhaité en indiquant, dans mon JS, ceci :

var windowWidth= $(window).width();
	if(windowWidth < 1048){
		$('body').glassyWorms();
	}


Toutefois, cela ne fonctionne pas. L'effet est actif quelque soit la taille de la fenêtre du navigateur.

Auriez-vous une piste à me donner ?

Merci de l'aide que vous m'apporterez Smiley smile