如何向网站添加本地化图片

运行机制

您可以通过自定义HTML代码添加包含不同语言文本的本地化图片。此功能有助于网站为不同国家/地区的用户提供更多信息。您可以使用现有解决方案添加自有代码

如何获取

使用现有解决方案

  1. 前往发布商帐户 > 建站器
  2. 标题区块中,设置翻译组件。
  3. 选择要添加至本地化图片的语言。
  4. 自定义代码区块插入以下代码:

Copy
Full screen
Small screen
<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>

  1. 将图片链接放在data-src属性的img元素中。支持的图片格式为:JPEG、PNG、GIF。
  2. 如要添加多个本地化图片,请复制包含div标记的区块并更改图片URL。
  3. 单击预览查看更改。

观看本说明的视频教程:


添加自有代码

  1. 在建站器中,单击添加区块,然后选择自定义代码

  1. 在区块中插入自己的代码。

本文对您的有帮助吗?
谢谢!
我们还有其他可改进之处吗? 留言
非常抱歉
请说明为何本文没有帮助到您。 留言
感谢您的反馈!
我们会查看您的留言并运用它改进用户体验。
为此页面评分
为此页面评分
我们还有其他可改进之处吗?

不想回答

感谢您的反馈!

有用链接

上次更新时间: 2021年7月20日

发现了错别字或其他内容错误? 请选择文本,然后按Ctrl+Enter。

报告问题
我们非常重视内容质量。您的反馈将帮助我们做得更好。
请留下邮箱以便我们后续跟进
感谢您的反馈!