I uploaded a bunch of images with this format: emoticon-NAME.jpg. Example: emoticon-drunk.jpg emoticon-drink.jpg.

All of them were correctly mapped in the stylesheet EXCEPT drunk and drink. The resulting image had drunk first, followed by drink.

The STYLESHEET however looked like this:
div.ss.drink {background-position:-380px 0}
div.ss.drunk {background-position:-399px 0}

So drink was pointing to drunk and drunk was pointing to drink. It’s some sort of sorting order problem in the script on this site.

Thanks anyway for the amazing script. I corrected this manually.

I upload 20 16*16 pngs using the Flash upload tool.

Whilst the CSS and Html list the files in alphabetical order, the Image Preview and the resulting Sprite image shows the images in a random order. This changes each time I upload.

This means the css offsets are all pointing at the wrong sprite

I’ve found a bug in use, that sometimes the image sizes for two images are swapped round. I had these files:
- shared_green_20.png which is 20px x 20px
- shared_green.png which is 30px x 30px
but the CSS generated had width/height=20px for the larger one, and 30px for the smaller one. I think the position property was wrong too, so it seems that the filenames aren’t being stored correctly in an array somewhere?
Also, it would be great if the images are sorted by filename, so they don’t keep moving around each time you generate.

thanks again!

Standard Upload:
Upload errors in IE8 and then stops functioning

{“images”:{“upload_file_custom_sprite”:{“status”:”error”,”message”:”Invalid File Type”,”data”:”upload_file_custom_sprite”}},”width”:null,”height”:null,”files”:1}