Я пытаюсь создать аватар javascript. E.G с Head Items, body items и т.д. У меня есть PHP скрипт, который запрашивает базу данных и извлекает текущие элементы, которые носит аватар/пользователь, и ответ находится в сериализованном массиве. Изображения элементов/аватаров находятся в E.G: http://blahblahblahBlah.com/graphic/itemtype/id.png
Спасибо заранее.
Если все ваши изображения находятся в одном файле, у вас есть два варианта. Во-первых, вы можете разбить его на множество файлов. Но лучшим способом было бы сохранить его в одном файле, а затем сделать 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" />
вы можете загружать данные изображения из текста с помощью uris данных. http://en.wikipedia.org/wiki/Data_URI_scheme, если это был ваш вопрос:)