Je suis débutant en codage, et pour un travail j'ai créé un site avec un menu qui s'affiche en haut de de la page. Quand je passe la souris sur un bouton de mon menu, une image correspondante au thème s'affiche en dessous, mais le problème c'est que j'aimerais dans mon CSS pouvoir séléctionner individuellement chacune de ces images, qui sont stockée dans un fichier "data" en JS, pour les modifier différement.

mon JS data ressemble à ça (répété 7 fois avec un thème différent à chaque fois) :
var data = [{
analogies: "une couleur",
valeurAnalogies: "le violet",
text: "Le violet est la couleur née du mélange du rouge et du bleu, l'un représentant la force, l'autre le calme, le violet est l'équilibre.",
url: "img/violet.jpg",
id: "couleur"
},

J'aimerais donc savoir comment faire ou quel code utiliser pour être capable de cibler chacune de mes images individuellement pour les modifier.
Car pour l'instant, je ne vois absolument pas comment faire ça en CSS...

1 réponse


Tu peux faire un pti schéma car je ne comprends pas le problème.
Cependant si tu veux modifier les "src" des images il va falloir faire du JS plus que du CSS.