JSFiddle - React, Tailwind, and code Playground

by neal_fletcher

HTML

<script src="http://www.mollymeg.com/wp-content/themes/molly/js/jquery.elevatezoom.js"></script>
<img class="test" src="http://www.x1developments.com/wp-content/uploads/2014/06/Phase-One-View-02.jpg" data-zoom-image="http://www.x1developments.com/wp-content/uploads/2014/06/Phase-One-View-02.jpg" />

CSS

.test {
    position: relative;
    width: 400px !important;
    height: auto !important;
}

JavaScript

$(".test").elevateZoom({
    zoomType: "inner",
    cursor: "crosshair"
});