Magnifying images effect? X-ray photos on website? No problemo!
First of all…
… welcome back after huge break. It would take too long to describe all the reasons we paused publishing new posts, but finally… we are back!
So let’s go!
Once I used effects of MagnigierRentgen plugin to make x-ray of girl pictures 🙂
MagnigierRentgen is a small jQ plugin for zooming / magnifying images, with a bonus: x-ray effect easy to implement. The plugin is simple, but allows to create nice effect. Also, it works nice with responsive layouts.
1. Include jQuery.MagnifierRentgen.min.js, jQuery library and jQuery.MagnifierRentgen.min.css in the document.
2. Add a small, full-size images defined via the data-image attributes to a container, as in example below: