Thanks for your response. Details below. The immage is loaded via ajax, so I create the img tag every time, and empty de div that contains the image.
This is the css for the div that contains the immage: .ifDiv { border:1px solid #000000; height:500px; overflow:auto; width:775px; } And this is the zoom function that I use to resize the immage. Is simple, just change the values for the img tag: zoom : function(type){ w = $('#imagen1').width(); h = $('#imagen1').height(); if(type == 'plus'){ h = parseInt(h * 1.125); w = parseInt(w * 1.125); }else{ h = parseInt(h / 1.125); w = parseInt(w / 1.125); } if(((w > minZoom)&&(h > minZoom))&&((w < maxZoom)&& (h < maxZoom))) { $('#imagen1').width(w); $('#imagen1').height(h); } } minZoom and maxZoom are defined elsewhere with integer values.