Question

我正在尝试创建一个javascript头像。 E.G与头项目，正文项目等...我有一个PHP脚本查询数据库并检索头像/用户佩戴的当前项目，它的响应是序列化数组。项目/头像图片位于E.G：http://blahblahblahBlah.com/graphic/itemtype/id.png

提前谢谢。

Answer 1

如果您的所有图片都在一个文件中，则有两种选择。首先，您可以将其拆分为多个文件。但更好的方法是将其保存在一个文件中，然后使用背景图像制作div;并使用偏移。

例如，如果你有一个锤子，并且它的大小 24 * 24 ，位于 100,100 ，你会这样做。假设您有一个名为http://blahblahblahBlah.com/character.php的文件：

<强> CSS ：

.hammerPic {
   width: 24px; height: 24px;
   background-image: url('graphic/itemtype/id.png');
   background-position: -100px -100px;
}

<强> HTML ：

<div class="hammerPic" />

Answer 2

您可以使用数据uris从文本加载图像数据。 http://en.wikipedia.org/wiki/Data_URI_scheme，如果这是你的问题：）