Integrate Responsive Image Zoom Effect on Hover
Only required minified Drift.min.js & drift-basic.css on page and all set to configure image zoom effect on hover.
<!--CSS--> <link rel="stylesheet" media="screen, projection" href="drift-basic.min.css"> <!--JS--> <script src="Drift.min.js"></script>
Add a thumbnail image to your webpage and use data-zoom attribute to set the path the large version of this image. which will display zoom version on mouse over.
<img src="https://assets.imgix.net/dog.png?w=400" data-zoom="http://assets.imgix.net/dog.png?w=1200">
Now Create a DOM element to append the non-inline Zoom-pane.