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.