Creating rollover images with xml

Basically, what i want to do, when i have one picture and i move my mouse on the picture it changes to another. Like before and after.
Now, how could i do it if i have like 30 different pictures which change when i move my mouse on it!?

Beautiful Christmas,