Javascript 不同地区的不同图像源_Javascript_Html_Css

Javascript 不同地区的不同图像源

javascript html css

Javascript 不同地区的不同图像源,javascript,html,css,Javascript,Html,Css,是否可以为不同的浏览器区域设置不同的图像源？图像存储在本地。一个是英语，另一个是德语。因此，如果我用德语启动浏览器，它必须显示德语图像。英语也是如此。您可以通过以下方式检测浏览器语言： var language = window.navigator.userLanguage || window.navigator.language; alert(language); 现在，您可以检查language的值，该值可以指示从何处读取图像另一个选项是使用语言（例如en USMyPic.jpg）为图

是否可以为不同的浏览器区域设置不同的图像源？

图像存储在本地。一个是英语，另一个是德语。因此，如果我用德语启动浏览器，它必须显示德语图像。英语也是如此。

您可以通过以下方式检测浏览器语言：

var language = window.navigator.userLanguage || window.navigator.language;
alert(language);

现在，您可以检查

language

的值，该值可以指示从何处读取图像

另一个选项是使用语言（例如

en USMyPic.jpg

）为图像添加前缀，然后通过JS读取图像。

使用伪类选择器。让图像源关联

lang

属性

：lang（en）{
背景图像：url（'http://placehold.it/200x200');
宽度：200px；
高度：200px；
}
：lang（de）{
背景图像：url（'http://placehold.it/300x300');
宽度：300px；
高度：300px；
}

适用于英语用户
对于德国用户来说

Manoj的答案并不能完全回答这个问题。但只要稍加调整，就可以让它发挥作用

您的典型标记如下所示，在

标记上定义了

lang

属性：

<html lang="en">
...
   <div class="lang-specific"></div>
...
</html>

这对我有帮助。我读的是你说的浏览器语言。图像名称为_de.extension和_en.extension。我这样设置图像源，来自js。谢谢我在其他网站上也找到了这个解决方案，但对我没有帮助。无论浏览器的语言如何，这两个div都在页面中可见。但我会再试一次，也许我做错了什么。哦，对了！：）罗伊的解决方案是可行的。下次请尝试解释完整的问题，这样你就不会得到广泛的答案。但我不想在html标记中定义lang。语言必须从浏览器中获取。那么，罗依的答案是正确的。您还可以使用javascript为

标记设置

lang

属性，这样您就可以简单地使用CSS为文档中所有特定于语言的内容设置样式，而不是使用javascript动态更改这些样式。

:lang(en) .lang-specific {
   /* English styles here */
}

:lang(de) .lang-specific {
   /* German styles here */
}