Brèves

WebTV

Actualité de la scène

Compétitions

Forum
Index du forum > Informatique > Problèmes techniques > Des mecs chauds en code ?
Des mecs chauds en code ? - 8 messages, 3194 vues
1er message
Par KaLIF - 07/03/2020 09:25:09
Bonjour,

Je cherche à choper un effet parallax pour mon blog en wordpress comme celui du site alcatel :

https://www.alcatelmobile.com/product/smartphone/alcatel3/alcatel-3x-2019/

( monter du texte + réduction opacité du wallpaper )
C'est sûrement en ajax mais je n'ai pas réussi à trouver le code.

S'y il y a des génies merci d'avance.

Réponse #2
Par CrY-oN - 07/03/2020 10:37:33
Hello

Tu as des libs JS / JQuery qui te permettent de le faire :

https://pixelcog.github.io/parallax.js/
https://simpleparallax.com/

Tu as aussi des tutos
https://alligator.io/css/pure-css-parallax/
https://www.wpbeginner.com/wp-themes/how-to-add-a-parallax-effect-to-any-wordpress-theme/

Concernant le code, JS et JQUERY sont pas trop ma tasse de thé alors je ne pourrais pas t'aider.
Bonne chance l’effet est top :)
Réponse #3
Par KaLIF - 07/03/2020 11:15:01
Hello

Tu as des libs JS / JQuery qui te permettent de le faire :

https://pixelcog.github.io/parallax.js/
https://simpleparallax.com/

Tu as aussi des tutos
https://alligator.io/css/pure-css-parallax/
https://www.wpbeginner.com/wp-themes/how-to-add-a-parallax-effect-to-any-wordpress-theme/

Concernant le code, JS et JQUERY sont pas trop ma tasse de thé alors je ne pourrais pas t'aider.
Bonne chance l’effet est top :)


Déjà tout vu ^^ j'avais déjà intégré celui-là sur mon blog je recherchai exclusivement l'effet avec le texte. Dommage qu'on ne puisse pas avoir accès au fichier .js à partir de l'inspection des éléments mais merci quand même.
Réponse #4
Par PiLs - 07/03/2020 13:30:04
Dommage qu'on ne puisse pas avoir accès au fichier .js à partir de l'inspection des éléments mais merci quand même.


Tu peux le consulter de plusieurs manières:
- afficher le code source de la page
- onglet "Sources" de l'inspecteur
Réponse #5
Par KaLIF - 07/03/2020 14:03:32
Dommage qu'on ne puisse pas avoir accès au fichier .js à partir de l'inspection des éléments mais merci quand même.


Tu peux le consulter de plusieurs manières:
- afficher le code source de la page
- onglet "Sources" de l'inspecteur


Peux tu m'expliquer la démarche ? car je ne vois que le html et css pas le .js

Merci pour ton retour
Réponse #6
Par PiLs - 07/03/2020 15:04:49
Click droit sur la page -> afficher le code source -> crtl + f -> ".js"
Réponse #7
Par rikemSen - 07/03/2020 15:52:29
Dommage qu'on ne puisse pas avoir accès au fichier .js à partir de l'inspection des éléments mais merci quand même.


Tu peux le consulter de plusieurs manières:
- afficher le code source de la page
- onglet "Sources" de l'inspecteur


Peux tu m'expliquer la démarche ? car je ne vois que le html et css pas le .js

Merci pour ton retour


CTRL + Maj + i pour l'inspecteur, onglet "sources" ou "network" :)
Réponse #8
Par ElysioN - 07/03/2020 19:54:59
Je crois que c'est cette librairie :
https://scrollmagic.io/

Réponse #9
Par KaLIF - 08/03/2020 11:51:07
Je crois que c'est cette librairie :
https://scrollmagic.io/



merci :)
Page 1 sur 1