I would like to create a horizontal image sprite for use in a jQuery animation, how would i create a sprite from 190 images in a folder (around 220kb each file) into a single horizontal sprite?
As I write code a lot too, I know your pain with this task. Luckily there are dozens of
out there. I don’t even save the link, as you always find a fitting one soon. The above linked generator takes a ZIP file. Luckily they don’t only give you the resulting sprite image/sprite, but write the CSS for you as well.
Sidenote/Hint: Pay attention how you name stuff. They normally order stuff by names. So if you got
:hover states, you should name them accordingly:
The only thing that’s now left is to write the (pretty intense) mark-up 🙂
Source : Link , Question Author : Xavier , Answer Author : kaiser