[CSS] Internationalisation images

Version imprimable

21/08/2008, 17h51
noOneIsInnocent

[CSS] Internationalisation images

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
22/08/2008, 05h47
Damouille

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.
22/08/2008, 09h31
noOneIsInnocent
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:

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
23/08/2008, 12h44
Damouille
En inserant la locale de l'utilisateur tu pourras faires des trucs comme ca:
Code:

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.
23/08/2008, 22h16
noOneIsInnocent

OK merci pour ta réponse

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