5568 sujets
Sémantique web et HTML
Merci !
Alt je l'ai déjà utilisé.
C'est à dire ?
On peut mettre un truc genre :
? Et on peut récupérer la description avec
C'est ça ?
Alt je l'ai déjà utilisé.
niuxe a écrit :
Sinon data-quelquechoz
C'est à dire ?
On peut mettre un truc genre :
<img src="cactus.png" alt="cactus vert piquant" data-description="Un cactus est vert. Ça pique. C'est souvent dans le désert" id="cactus">? Et on peut récupérer la description avec
var description=cactus.data-descriptionC'est ça ?
En gros c'est l'idée,
avec une structure HTML redondante, tu peut faire une boucle sans te soucier de donner une id à chaque image :
ex sur une structure :
et la boucle
https://codepen.io/gc-nomade/pen/vYKwmwX?editors=1010
Modifié par gcyrillus (19 Nov 2020 - 15:22)
avec une structure HTML redondante, tu peut faire une boucle sans te soucier de donner une id à chaque image :
ex sur une structure :
<figure>
<img alt data-description src >
<figcaption></figcaption>
</figure>et la boucle
let pot = document.querySelectorAll("figure");
for (i = 0; i < pot.length; i++) {
let plante = pot[i].querySelector("img");
let etiquette = pot[i].querySelector("figcaption");
let text = plante.getAttribute("data-description");
etiquette.textContent = text;
pot[i].setAttribute('title',plante.getAttribute("alt") )// une fois le contenu récupere il peut-etre reinjecter ou stocké , ex un title sur figure
}https://codepen.io/gc-nomade/pen/vYKwmwX?editors=1010
Modifié par gcyrillus (19 Nov 2020 - 15:22)