Vous souhaitez sublimer vos campagnes marketing de Nöel ? Ajoutez des chutes de neige ou de flocon à votre design !

Vous êtes prêts ? Nous vous expliquons les étapes à suivre sur la plateforme Qualifio, et vous n’avez pas besoin d’avoir de connaissances en programmation ! ?

Ajouter une chute de neige dans votre campagne marketing

Ajouter une chute de flocons dans votre campagne marketing

Pour aller plus loin

Utilisez votre propre visuel de flocons

Vous avez repéré une image qui vous plait ou vous souhaitez créer la vôtre ?

Voici quelques petits points à respecter :

  • Votre image doit être sur fond transparent (format .png), le format .jpg est donc à bannir
    transparency
  • Votre image doit être au format carré
    square

Dans le code suivant, remplacez simplement mon lien HTML par le lien de votre image. NB : Vous pouvez parfaitement héberger votre image dans Documents > Bibliothèque multimédia. Pour en récupérer le lien : un simple clic droit > « choisir » > clic droit sur le lien et choisissez « copier l’adresse du lien »

<script src=’//files.qualifio.fidelodev.be/demos/christmas/snowfall.jquery.min.js’></script>
<script type=’text/javascript’>
$(document).ready(function(){
$(document).snowfall({image :’mon lien HTML‘, maxSpeed: 1, minSize: 10, maxSize:32});
});
</script>

Personnalisez votre script

Vous avez certainement remarqué que les exemples de codes précédents contiennent chacun quelques valeurs telles que minSize, maxSize, maxSpeed, …
Et bien votre oeil de lynx ne vous a pas trompé ! Il vous est tout à fait possible de personnaliser un peu votre script en définissant quelques valeurs :

  • flakeCount : Quantité de flocons qui apparaissent à l’écran
  • minSize : Taille minimum des flocons
  • maxSize : Taille maximum des flocons
  • minSpeed : Vitesse minimum des flocons
  • maxSpeed : Vitesse maximum des flocons

Dans notre exemple ci-dessous : les flocons de neige auront une vitesse aléatoire entre 1 (minimum) et 10 (maximum), une taille comprise entre 10px (minimum) et 32px (maximum) et 30 flocons seront générés à l’écran. Faites attention de ne pas exagérer avec la fonction flakeCount (plus de 100 flocons) sous peine de ralentir le navigateur de vos participants.

<script src=’//files.qualifio.fidelodev.be/demos/christmas/snowfall.jquery.min.js’></script>
<script type=’text/javascript’>
$(document).ready(function(){
$(document).snowfall({image :’//files.qualifio.fidelodev.be/demos/christmas/flake.png’, minSpeed: 1, maxSpeed: 10, minSize: 10, maxSize: 32, fakeCount: 30});
});
</script>
helpdesk
Vous rencontrez des difficultés ou souhaites plus d’informations ? Nous sommes là pour vous aider !
Contactez notre helpdesk.