Zooming image

Question

Hi How to zoom image using jquery or javascript? Thanks Gayatri P

Ramesh Maruthi · Answer

function resizeImg (img) { var resize = 150; // resize amount in percentage var origH = 61; // original image height var origW = 250; // original image width var mouseX = event.x; var mouseY = event.y; var newH = origH * (resize / 100); var newW = origW * (resize / 100); // Set the new width and height img.style.height = newH; img.style.width = newW; var c = img.parentNode; // Work out the new center c.scrollLeft = (mouseX * (resize / 100)) - (newW / 2) / 2; c.scrollTop = (mouseY * (resize / 100)) - (newH / 2) / 2; } #Container { position:relative; width:250px; height:61px; overflow:hidden; } src=http://sstatic.net/so/img/logo.png />