如何向网站添加本地化图片
运行机制
您可以通过自定义HTML代码添加包含不同语言文本的本地化图片。此功能有助于网站为不同国家/地区的用户提供更多信息。您可以使用现有解决方案或添加自有代码。
如何获取
使用现有解决方案
- 在发布商帐户中打开您的项目。
- 在侧边栏中单击建站器。
- 单击打开建站器。
- 在标题区块中,设置翻译组件。
- 选择要添加至本地化图片的语言。
- 在自定义代码区块插入以下代码:
Copy
- html
<style>
.localised-image {
text-align: center;
padding: 4em 1em;
}
.localised-image img {
width: 100%;
}
</style>
<div class="localised-image">
<img class="lazy loaded" data-src="https://cdn3.xsolla.com/files/uploaded/2340/d9d69114bb9f7c60f0981639aaa4bf3a.jpeg" />
</div>
- 将图片链接放在
data-src
属性的img
元素中。支持的图片格式为:JPEG、PNG、GIF。 - 如要添加多个本地化图片,请复制包含
div
标记的区块并更改图片URL。 - 单击预览查看更改。
观看本说明的视频教程:
添加自有代码
- 在建站器中,单击添加区块,然后选择自定义代码。
- 在区块中插入自己的代码。
本文对您的有帮助吗?
感谢您的反馈!
我们会查看您的留言并运用它改进用户体验。为此页面评分
为此页面评分
不想回答
感谢您的反馈!
有用链接
上次更新时间: 2023年2月14日发现了错别字或其他内容错误? 请选择文本,然后按Ctrl+Enter。