bir png dosyası içindeki ayrı ayrı görüntüleri nasıl kulla?

Arkadaşlar şu aralar sıkça gördüğüm bir olay var, slider'larda bir png dosyası içinde iki goruntu var örneğin biri aktif olduğunu belirten yeşil, diğeri aktif olmadığı belirten gri renkte alt alta aynı png dosyası içinde fakat jscript kodlarıyla slayt donuşumu yapıldığında bunlardan sadece biri gorunuyo..
Dünde google MArtha die bi kadındı galiba ona hareket vermişlerdi nasıl die baktım tüm hareketlerini adım adım içine alan bir png dosyası var, ve oradan çekiye görüntüyü, işte nasıl oluyor bilen varsa paylaşırsa, öğrenmiş oluruz.

tekniğin adı CSS SPRITE.
background position parametresinden yararlanılarak aynı resmin istenilen x,y koordinatlarından başlayarak resmi göstermeye dayanıyor. alttaki link size yardımcı olacaktır.
..
http://www.t-infection.com/css-sprite-teknigi-kullanimi-ornek-ve-faydali-kaynaklar/

teşekkürler hocam, bi inceleyim..

@ikuru arkadaş,
google bazı zamanlarda hareketli png (APNG-animated png) kullanıyor. bir tanıdığın ricası üzerine ben de hareketli png yapmıştım internet eplorer hariç diğer ünlü tarayıcılarda düzgün çalışıyor.
diğer işlem ise Barbaryan35 belirtmiş, koordinatlara göre bir resmi evirip çevirebiliyoruz örnekler mevcut internette.

@mrtspmz hocam,
ilginiz için teeşekkür ederim..