Se connecter

Informatique

Création de sites web

Sujet : Texte qui apparait en fonction de l'image cliqué Wordpress
1
Riz-si-tasse
Niveau 6
27 décembre 2021 à 17:07:42

Bonjour,

Je suis débutant sur Wordpress

Ce que je cherche à faire c'est avoir plusieurs images avec du texte en dessous, mais le texte change en fonction de sur quelle image on clique. ceci devrait être structuré comme ça :
.

(image) (image) (image)
(image) (image) (image)

Texte en fonction de l'image cliqué

.
Et tout cela en restant dans la même page.

Je cherche depuis 2 jours mais je ne trouve pas.

Merci de votre réponse

FionFion64
Niveau 11
02 janvier 2022 à 22:45:57

Faut passer par du js en utilisant un click event handler qui va aller mettre le texte que porte l'image (tu peux utiliser <img data-text="ton texte" />) via tonelementquiporteletexte.innerText en allant le chercher avec element.dataset.text, je précise que c'est une solution parmi d'autres
Je préfère ne pas te donner le code tout fait, tu dois apprendre à chercher :)

Voici quand même quelques ressources :
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset
https://developer.mozilla.org/fr/docs/Web/API/HTMLElement/innerText
https://developer.mozilla.org/en-US/docs/Web/Events/Event_handlers

1
Sujet : Texte qui apparait en fonction de l'image cliqué Wordpress
   Retour haut de page
Consulter la version web de cette page