Composant CG Parallax

Vote 5.00 (1 Vote)

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

Version 2.2.0 (Update : 18/04/2024)

# Joomla 6.0 deprecation
^ Compatible images list with CG WebP

Version 2.1.6 (Update : 15/08/2023)

# add important to background-attachment: fixed in parallax.css
+ add toggle inline help button in pages configuration

Version 2.1.5 (Update : 12/08/2023)

^ changelog/updates package on github

Version 2.1.4 (Update : 12/08/2023)

# Joomla 5.x compatibility
+ Add none to animation values
+ dynamic version number from install xml
^ use webassets

Version 2.1.3 (Update : 23/07/2022)

# Suppress warning Undefined property: stdClass::$articletext in CGHelper

Version 2.1.2 (Update : 04/04/2022)

# JText class not found error

...
Version 1.0.3: version initiale (Octobre 2018)

Joomla! 4.x/5.x
Joomla! 3.x

Téléchargement du composant CG Parallax
Version Joomla 4.x/5.x

CG_DOWNLOAD_NOT_ALLOWED

(déjà téléchargé 305 fois)

Note : cette version n'est plus maintenue

Téléchargement du composant CG Parallax
Version Joomla 3.X

CG_DOWNLOAD_NOT_ALLOWED

(déjà téléchargé 1258 fois)

PHP 74 PHP 80 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.