Animated change of two images for a website page?

Question

JavaScript

How to perform such a task in JAVASCRIPT: A photo of the solved problem is displayed on the site page (repaired swing, for example) - this is the photo "AFTER repair". When you hover over the "AFTER repair" photo, the "BEFORE repair" photo (broken swing) should be animated instead of it.
Animation style - "zoom".
After moving the mouse pointer from the "BEFORE repair" photo, the initial "AFTER repair" photo appears with the same animation style.

Answer 1

wkhtmltopdf, phantomjs

Answer 2

Use XSLT transformations. As far as I remember, converting to PDF is easy there.