$(document).ready(function(){
var img = $(”#image-landscape”);
var initW = img.width();
var initH = img.height();

$(’.controls LI A’).each(function(i, el){
$(el).click(function(e){
var newW = img.width(), newH = 0;
switch(el.rel){
case ‘zoomOut’:
newW -= 100;
break;
case ‘zoomIn’:
newW += 100;
break;
case ‘resizeProportionally’:
var newSize = scaleSize(200, 200, $(el.rev).width(), $(el.rev).height());
$(el.rev).width = newSize[0];
$(el.rev).height = newSize[1];
alert(’New Width: ‘ + newSize[0] + ‘, New Height: ‘ + newSize[1]);
return;
default:
newW = initW;
}

var ratio = initH / initW;
newH = newW * ratio;

img.attr(’width’, newW);
img.attr(’height’, newH);
});
});
});

Anyone can help on that, thanks.

window.addEvent(’domready’,function(){
if(document.getElement(’div.blog_description’)) {
// only run on selected elements else don’t.
var images = document.getElement(’div.blog_description’).getElements(’img’);
//get all images Array.each(images,function(image,index) {
// loop over all images.
var newSize = scaleSize(200, 200, image.getSize().x, image.getSize().y);
// run function to get new sizes
image.width = newSize[0];
// set new width
image.height = newSize[1]
// set new height
})
}
});

change in:
“} if(currH >= maxH){”
else the function do the resize only one side (width or height) if the image is greater then both width and height

var newSize = scaleSize(200, 200, 500, 313);
alert(’New Width: ‘ + newSize[0] + ‘, New Height: ‘ + newSize[1]);

function scaleSize(maxW, maxH, currW, currH){

var ratio = currH / currW;

if(currW >= maxW && ratio if(currH >= maxH){
currH = maxH;
currW = currH / ratio;
}

return [currW, currH];
}

is this right or not?

thanks in advance!

In jQuery, you should process it differently. For example:

$('.controls LI A').click(function(){
alert('Link has been clicked.');
return false;
});

Try it and let me know if it is okay.

Thanks,

Alex