JSFiddle - React, Tailwind, and code Playground

by Cyril Cherian

HTML

<script src="http://timmywil.github.io/jquery.panzoom/dist/jquery.panzoom.js"></script>
<div class="container">
    <img id="panzoom" src="http://blog.millermedeiros.com/wp-content/uploads/2010/04/awesome_tiger.svg" width="900" height="900">
</div>

CSS

.container{
    width:300px;
    height:200px;
    position:relative;
    border:solid 2px #000;
}

JavaScript

$(function(){
    var w = $(".container").width();
    var h = $(".container").height();
    console.log(h)
    $("#panzoom").width(w)
    $("#panzoom").height(h)
    $("#panzoom").panzoom();
});