I am trying to produce a javascript avatar. E.G with Mind Products, body products etc... I've got a PHP script that queries the database and retrieves the present products the avatar/user is putting on, it's fact is inside a serialised array. The productOrcharacter images have been in E.G: http://blahblahblahBlah.com/graphic/itemtype/id.png

Thanks ahead of time.

If all of your images have been in one file, you've two options. First of all, you can split it into many files. However the better way is always to ensure that it stays in a single file, and then suggest divs having a background image and employ an offset.

For example, should you have had a hammer, also it was sized 24 * 24, situated at 100, 100 you'd do that. Presuming you'd personal files known as 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" />

you are able to load image data from text with data uris. http://en.wikipedia.org/wiki/Data_URI_scheme, in the event that was your question:)