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.


Reply via email to