[CSS] Internationalisation images

**noOneIsInnocent** · 21/08/2008, 17h51

Bonjour

je travaille sur une application WEB développée en Java/JSP
Ce site est internationalisé sauf les images dont certaines sont dans des fichiers de styles et d'autres récupérées à partir des JSP avec le tag img

Ma question est donc de savoir comment appeler la bonne image en fonction de la langue ?

Merci d'avance

**Damouille** · 22/08/2008, 05h47

Il faudrait, lors de la génération du tag html, y ajouter l'attribut lang="" (valid xhtml). Ainsi tu pourrais identifier facilement les images.

**noOneIsInnocent** · 22/08/2008, 09h31

Tout d'abord merci d'avoir répondu à mon message

Donc si j'ai bien compris il faut que j'ai un tag HTML :

Code :

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

1
2
3
 
<html lang="">
</html>

et comme valeur de l'attribut lang je peux mettre la locale ?

Du coup j'ai deux questions :

1) est ce je dois définir plusieurs fichiers CSS pour les images définies dans le fichier CSS actuel (le site utilise pas mal de background image) ?
Si oui comment définir l'arborescence des fichiers ?

est ce que je dois avoir des répertoires du type :

css/en/cssfile.css
css/fr/cssfile.css

Ou bien un seul répertoire et des fichiers
css/cssfile_en.css
css/cssfile_fr.css

2) du coup la question est la même pour les fichiers images ( tags img ) ?
est ce que je dois avoir des répertoires du type :

images/en/mypicture.gif
images/fr/mypicture.gif

Ou bien un seul répertoire et des fichiers
images/mypicture_en.gif
images/mypicture_fr.gif

merci encore

**Damouille** · 23/08/2008, 12h44

En inserant la locale de l'utilisateur tu pourras faires des trucs comme ca:

Code :

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

1
2
3
4
5
6
7
.style {
background: url(images/default/bg.png);
}
 
html:lang(en) .style {
background: url(images/en/bg.png);
}

Attention, c'est du CSS 3, et cela ne marche que sur les derniers navigateurs. Si tu dois faire fonctionner ie6, il te faudra trouver une autre solution.

**noOneIsInnocent** · 23/08/2008, 22h16

OK merci pour ta réponse

et pour les tags HTML img :
<img src="" />
est ce que tu connais une solution ?

[CSS] Internationalisation images

CSS

Discussions similaires

Partager

Partager