Dynamically resize images

This question has been asked a hundred times, but I haven’t been able to find the perfect solution, -yet.

I have a page where i load pictures dynamically when user clicks <- or -> buttons, with some simple jQuery.

[CODE]
$.post(‘/v2/_ajax/loadImage.php’, {
[INDENT] event_id: event_id, image_id: image_id,[/INDENT]
}, function(data) {
[INDENT] target.html(data);[/INDENT]
});
[/CODE]

What i need, is a way for the picture to be resized, if it exceeds 900px in width, OR if the height is bigger than the browser – 60px.

I have tried the jQuery plugin MaxImage ([url]http://www.aaronvanderzwan.com/maximage/[/url]) but it has some very strange behaviour, and it only resizes when you resize the browser, not when the image is loaded.

Is there any good solution?

Also in #JavaScript _↴