Sprite images

What : CSS Sprite Generator tool เป็นเครื่องมือในการ Generate โค้ด CSS ให้กับรูปภาพ 2 รูปที่เรามีอยู่

Result : เมื่อเมาส์ Over icon ที่ทำการ Generate จะเปลี่ยนเป็นอีกภาพหนึ่ง


How

1. เตรียมภาพ 2 ภาพ (ภาพก่อน mouse over และภาพตอน mouse over)
• หา icon ได้ที่ http://www.iconspedia.com/
2. เข้าเว็บ http://spritegen.website-performance.org/
3. Upload zip file ไปที่เว็บในข้อ 2. (zip 2 รูป)
4. ทำตามรูป
   
5. กดปุ่ม Create Sprite image & CSS
6. เอา image และ CSS ที่ได้ไปใช้