Composant CG Parallax

Ce composant, très simple, permet d'afficher vos articles avec des images d'arrière-plan, aussi appelé "Effet Parallax".

 

Le composant CG Parallax, comme le module CG Parallax, permet de montrer plusieurs articles sur une même page, chaque article ayant une ou des images de fond différentes qui restent à une même position alors qu'il est possible de faire défiler l'article. Le couple "article-image" est appellé section dans ce composant. Chaque section est directement accessible par le menu associé au composant CG Parallax. Les images d'arrière-plan peuvent être animées, grâce au plugin Vegas de Jay Salvas.

Pour voir l'effet Parallax, allez à notre page de démonstration ou retournez sur la page d'accueil.

En version 1.0.4, la fonction Import permet de récupérer les informations des modules Parallax et de les intégrer dans le composant CG Parallax.

Le composant CG Parallax est facilement adaptable grâce l'accès à toutes les zones affichées par le CSS.

De même, au niveau des sections, vous pouvez adapter l'image de fond, les informations affichées grâce au CSS dédié à chaque section.

Comme expliqué précédemment, chaque section est constituée d'une image de fond et d'un article.

 Attention à la taille des images de fond.

L'article peut être choisi dans la liste des articles ou peut être saisi directement dans le composant.

De plus, un titre est associé à chaque section, ce titre étant repris en tant que bouton sur le menu du composant. En version 1.0.6, si vous laissez le titre vide, la section n'apparaitra pas dans le menu.

Vous pouvez aussi ajouter un menu externe au menu affiché par le composant.

Pour donner un peu de mouvement aux images d'arrière-plan, nous avons ajouté la librairie Vegas Backgrounds and Slideshows.

Avec la version 1.0.10, la librairie AOS permet d'animer les textes. Externalisé dans le plugin UP.

Accès au composant

Paramétrage du composant