.img-zoom { height : 80%; overflow : auto; text-align:center; font-weight: 70%; overflow : auto; } .img-zoom img { vertical-align : middle; margin : 0; padding : 0; border : 0; transition : transform 0.5s ease; zoom: 1.2; } <pre>const zoomElement = document.querySelector(".img-zoom"); let zoom = 1; const ZOOM_SPEED = 0.1; document.addEventListener("wheel", function (e) { if (e.deltaY > 0) { zoomElement.style.transform = `scale(${(zoom += ZOOM_SPEED)})`; } else { zoomElement.style.transform = `scale(${(zoom -= ZOOM_SPEED)})`; } });
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)