Discussion :

[labarre2002]

Bonsoir

Pourrais-je avoir des explications sur cet élément "data-img"

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<a class="menu__item" data-img="img/1.jpg">
				<span class="menu__item-text"><span class="menu__item-textinner">Maria Costa</span></span>
				<span class="menu__item-sub">Style Reset 66 Berlin</span>
			</a>
			<a class="menu__item" data-img="img/2.jpg">
				<span class="menu__item-text"><span class="menu__item-textinner">Lana Ferrari</span></span>
				<span class="menu__item-sub">Fashion Week Milano</span>
			</a>

Dans le code ci-dessus j ai du mal a comprendre l'utilité .

Merci d 'avance.

[Doksuri]

c'est peut-etre utilise pour du CSS ou du JS
en soit, c'est juste un attribut comme un autre

en CSS, tu peux l'utiliser pour afficher du texte par exemple

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
a::before {
  content: attr(data-img);
}

et en JS, tu peux les "cibler" directement avec par exemple

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

tonElement.dataset.img

[labarre2002]

Bonjour
et merci pour ton message

je crois que pour du texte en CSS c'est plutôt

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
a::before {
  content: attr(data-text);
}

[Doksuri]

c'est le nom du data-*

dans ton exemple, c'est data-img... donc cote css, ce doit etre data-img...