Une technique utilisant Mootools permet d'ajouter un effet de profondeur et d'animation à son site web Joomla!. Cette technique qui superpose les images en créant du mouvement est appelée Parallax.

Le module Parallax CK permet d'insérer jusqu'à 5 calques d'image et de les faire défiler les uns indépendamment des autres. On peut piloter la taille du conteneur :

NOTE : La taille idéale pour les images de background est de 2000px de large et il faut veiller a ce que les raccords entre les extrémités ne soient pas visibles car elles sont répétées à l'infini.

Pour chaque image on peut

• choisir de l'utiliser ou non (si non, le background est chargé mais reste fixe)
• sélectionner l'image à utiliser (si aucune image n'est définie, le bloc sera considéré comme non utilisé)
• choisir entre le mouvement automatique perpétuel ou le mouvement qui suit la souris
• la vitesse de défilement, en automatique ou avec la souris
• la direction du mouvement
• et le décalage du background pour ajuster le centrage de l'image

Il faut mettre les images de background dans le répertoire '[MONSITE]/modules/mod_parallax_CK/images'.

Télécharger directement Module Parallax_CK (353.91 kB)