paroller.js et le parallax devient plus simple avec ce plugin jQuery

paroller.js est un plugin jQuery qui va vous permettre de réaliser des scrollings parallax de manière simple et légère.

Les avantages de ce plugin jQuery :

  • Léger
  • Vous pouvez l’utiliser sur des éléments avec une propriété background ou sur tout autre élément
  • Les éléments scrollés peuvent se déplacer de manière : verticale, horizontale, diagonale
  • Manipulés via les attributs html data- *
  • Fonctionne sur les supports mobiles
  • Simple à utiliser

Utilisation simple de paroller.js :

Appel des librairies :

[pastacode lang= »markup » manual= »%20%20%20%20%3Cscript%20src%3D%22jquery-3.1.1.min.js%22%3E%3C%2Fscript%3E%20%0A%3Cscript%20src%3D%22jquery.paroller.min.js%22%3E%3C%2Fscript%3E%20″ message= » » highlight= » » provider= »manual »/]

 

Puis l’appel de la méthode :

[pastacode lang= »javascript » manual= »%24(window).paroller(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20factor%3A%200.3%2C%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20multiplier%20for%20scrolling%20speed%20and%20offset%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20type%3A%20’foreground’%2C%20%20%20%20%20%2F%2F%20background%2C%20foreground%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20direction%3A%20’horizontal’%20%2F%2F%20vertical%2C%20horizontal%2C%20TODO%3A%20diagonal%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B » message= » » highlight= » » provider= »manual »/]

 

Rendez vous sur la page de démo du plugin afin de découvrir toutes les options et possibilités : ici
Rendez vos sites dynamiques et agrémentez les d’animations via paroller.js, un plugin jQuery que vous pouvez télécharger ici : https://tgomilar.github.io/paroller.js/

Bon code à tous !

Author: Franck Pertegas

Share This Post On

Submit a Comment

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