<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF8" />
<title>Le titre du document</title>
<script src="https://unpkg.com/js-image-zoom@0.4.1/js-image-zoom.js" type="application/javascript"></script>
</head>
<body>
<div id="img-container" style="width: 400px;">
<img src="https://assets.architecturaldesigns.com/plan_assets/324992268/large/23703JD_01_1553616680.jpg?1553616681" />
</div>
<script>
var options = {
width: 400,
zoomWidth: 500,
offset: { vertical: 0, horizontal: 10 },
};
new ImageZoom(document.getElementById("img-container"), options);
</script>
</body>
</html>