CG Parallax Component

1 1 1 1 1
Rating 5.00 (1 Vote)

joomla 4.xjoomla 5.xThis component displays articles/text with background images. Images stay at fixed position while you may scroll up and down through your articles, so called "Parallax Effect".

 

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: first version (October 2018)

  • Joomla! 4.x/5.x
  • Joomla! 3.x
Download CG Parallax Component
Version Joomla 4.x/5x

CG_DOWNLOAD_NOT_ALLOWED

Note : this version is not maintained anymore

Download CG Parallax component
Joomla 3.X

CG_DOWNLOAD_NOT_ALLOWED

(downloaded 1258 times)

PHP 74PHP 80CG Parallax component, like CG Parallax modules, displays multiple articles on one single page with multiple background images. Every article has its own images that remain at a fixed position when article is scrollable. "Article+image" is called a section. Every section may be direct accessed through the component's menu. Background images animations are done using Vegas plugin from Jay Salvas.

Check out our  Demo page or our Home page.

Version 1.0.4 introduces Import function to import Parallax modules to Parallax component.

You may easlily adapt CG Parallax component through CSS commands.

Mind background images size..

You may either choose to display on article or enter your own text through component's editor.

Each section has a title. This title appears as a button in CG Parallax Component's menu.With version 1.0.6, leave title empty so it will not appear in your menu.

You may also add a link to an external menu, like your contact form for example.

To add moving behaviour to your background images, Vegas Backgrounds and Slideshows library has been added.

Version 1.0.10 introduces AOS Library to add effects to your articles. AOS in UP plugin.

cg parallax

You'll access to your already defined pages.

cg parallax pages

General parameters. 

cg parallax gene

cg parallax para

Sections definition.

 cg parallax sections