[RÉGLÉ] Ajouter des effets lorsqu'on arrive sur une page

[beeloot]

Bonjour,

Je souhaite savoir s'il existe un module ou autre qui permet de créer des effets comme sur ce site :

L'affichage des 6 images (dans Présentation du groupe)

Site exemple

En gros je ne veux pas forcément avoir le même rendu mais je cherche un module / plugin qui permet de créer ce genre d'effet.

Merci d'avance de vos réponses !

PS : c'est pour un projet sous joomla 3.x

[pmleconte]

Re : Ajouter des effets lorsqu'on arrive sur une page

Bonjour,

J'ai récemment porté assistance à Al[.exe] sur le site http://www.cefop.be/cefopV2/.

Il utilise https://www.gavick.com/joomla-templa...aphy-portfolio.

Cela vous aide-t-il, car il ressemble à ce que vous souhaitez ?

Pascal

[fynhooft]

Re : Ajouter des effets lorsqu'on arrive sur une page

Bonjour,

Pas besoin de module spécial : juste un peu de css.
Regarde la mascotte de mon site GIMPons.net. Elle s'anime à l'ouverture de la page comme sur ton site exemple.
Voici le code ajouté :

/* animation du logo : debut */
.logo {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: logoIn;
    animation-timing-function: ease-out;
}

@keyframes logoIn {
0% {opacity: 0;transform: scale(0);}
95% {opacity: 1;transform: scale(1.1);}
100% {opacity: 1;transform: scale(1);}
}
/* animation du logo : fin */

Tout est dans le keyframes.

Pour ton site, c'est ce code qui fait l'animation :

.littlebox.animatedbox {
    transform: scale(1) translateY(0px);
}

[beeloot]

Re : Ajouter des effets lorsqu'on arrive sur une page

Effectivement ça ressemble à ça mais ce que tu proposes c'est un thème moi je cherche plutot le code ou un module ou plugin qui ferait ça.

Bonjour,

J'ai récemment porté assistance à Al[.exe] sur le site http://www.cefop.be/cefopV2/.

Il utilise https://www.gavick.com/joomla-templa...aphy-portfolio.

Cela vous aide-t-il, car il ressemble à ce que vous souhaitez ?

Pascal

[beeloot]

Re : Ajouter des effets lorsqu'on arrive sur une page

Dans mon cas je pensais créé plusieurs module avec contenu personnalisé qui correspond à une image pour chaque module.

Le code css comment je le fais correspondre à tel ou tel module ?

PS : je sais utilisé joomla mais je ne fais presque pas de css. Le peu de css que je fais c'est de créer un custom.css (j'utilise pas mal de thème rocket theme ou je fais des modif de temps en temps)

Pour ton site, c'est ce code qui fait l'animation :

.littlebox.animatedbox {
    transform: scale(1) translateY(0px);
}

[fynhooft]

Re : Ajouter des effets lorsqu'on arrive sur une page

Le peu de css que je fais c'est de créer un custom.css

Bah, justement c'est là qu'il faut le mettre.
Tu n'as juste qu'à associer la classe à ton image, c'est tout. Pas de module inutile.

[beeloot]

Re : Ajouter des effets lorsqu'on arrive sur une page

Merci pour les infos j'ai réussi à créer une classe comme tu me l'as expliqué !

Au cas ou pour ceux que ça intéresse j'ai aussi trouvé un plugin très simple d'utilisation :

http://www.downloads.eleopard.in/class-generator.html

Merci encore pour ton aide !!!

[lesoutier]

Re : Ajouter des effets lorsqu'on arrive sur une page

Si c'est réglé merci de l'indiquer :

http://forum.joomla.fr/announcement.php?f=230