Test OnePage avec CG Parallax

1 1 1 1 1 Vote 5.00 (4 Votes)

Vote utilisateur: 5 / 5

Etoiles activesEtoiles activesEtoiles activesEtoiles activesEtoiles actives
 

Le but de cette page est de montrer une utilisation du module CG Parallax.

Le terme "Parallax" est généralement utilisé pour définir le déplacement de plusieurs éléments sur plusieurs couches. Sur certains templates, on utilise aussi le terme "OnePage".

Le module CG Parallax utilise 2 couches : l'image de fond (qui est fixe ou presque) et les articles qui, eux, défilent. Le couple "image de fond-article" constitue une section.

Chaque section, naturellement paramétrable, est accessible par le menu associé au module. Sur cet exemple, le menu "parallax" est en haut. Sur l'exemple en anglais, le CSS a été adapté pour que le menu soit à droite de l'écran: #cg_navbar, .cg_sticky{top:30%!important;width:10em;right:0;position:fixed;z-index: 9999;}

 Attention: il s'agit uniquement d'une démonstration, donc, j'ai repris 2 articles déjà présents sur ce site, puis, j'ai ajouté une explication.