elevatezoomplus-screenmode.html

<div id="ZoomDiv" style="position:fixed; top:0px; left:0px;"></div>

elevatezoomplus-screenmode.html
<img id="ZoomImg_Inside" src="https://i.ytimg.com/vi/wB5h7VwW8GU/maxresdefault.jpg" width=200/>
________________________________________________________________________________________________________________________________________________________________________________________________________________________________
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>2<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/igorlino/elevatezoom-plus/1.1.20/src/jquery.ez-plus.js"></script>

<script>
$('#ZoomImg_Inside').ezPlus({
zoomWindowPosition: "ZoomDiv",
zoomWindowWidth:document.body.clientWidth,
zoomWindowHeight:document.body.clientHeight,
borderSize: 0,
lensOpacity: 0,
cursor:"none",
scrollZoom: true,
minZoomLevel: 0.1,
});
</script>


<!-- ___________________________ (Notes) ______________________________

/* "document.body.clientWidth\Height" Seems to be more accurate */

zoomWindowWidth:document.body.clientWidth,
zoomWindowHeight:document.body.clientHeight,

zoomWindowWidth:window.innerWidth,
zoomWindowHeight:window.innerHeight,


_____________________________ (Notes End) _____________________________ -->