The genie effect requires two images exactly the same size so that one will transform into the other in the hover state.
Each image can have alt text for SEO.
The transition time both in and out can be varied separately to give different effects.
The example to the right fades in an enlarged close up of the same image.
The one below fades in a different image.
Slow in - faster out transition
Fast in - slower out transition