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:
Strictly Necessary Cookies
Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.
If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.