Comments on: jQuery Image Resize

By: D123

D123 — Mon, 19 Jul 2010 05:23:44 +0000

Hello,

The script is very helpfull.
Runs perfect in FF,Safari,Chrome.
Doesn’t work in IE.
Please help me.

Thank you,
D

By: Vyom

Vyom — Tue, 22 Jun 2010 08:37:10 +0000

Hi Mikko

The script is very good. But i have some problem.
What you script did, only set the width & height right?

But when i right click on image & save as, that case originla image is save.

I want resize that to save new image.

Please help me if you know?
Thank you
Vyom

By: steven lots

steven lots — Mon, 21 Jun 2010 07:10:13 +0000

You can solve the problems with safari and chrome, by running the code on $(window).load(…) instead of $(document).ready(….).

By: Eric Juden

Eric Juden — Fri, 04 Jun 2010 21:05:32 +0000

Dave,

Thanks for the input. When I used this I didn’t have super large images loading. I meant it more as an image resize for small to medium size images.

Eric

By: Dave Reeder

Dave Reeder — Fri, 04 Jun 2010 09:12:51 +0000

It doesn’t work in Google Chrome as it tries to execute your code at the same time as loading the images, so we need to tell it to wait for the images to load (so wrap this function round your $(‘.images img’).each function):

$(‘.images img’).load(function() {
// your code in here
});

By: DeveloperHeroes

DeveloperHeroes — Sat, 22 May 2010 12:53:21 +0000

Worked right away, thanks!

By: keyur

keyur — Sat, 27 Mar 2010 12:15:21 +0000

simillar problem as weird, but in IE thier is no issue. it may cause problem in FF

By: James

James — Sun, 07 Feb 2010 20:41:44 +0000

Hi Eric
Thanks for this!
I think I have solved Joren’s problem, which I was also experiencing, by doing this:

$(‘.main_content_text img’).load(function() {
$(‘.main_content_text img’).each(function() {

at the start instead of:

$(document).ready(function() {
$(‘..main_content_text img’).each(function() {

What do you think?

Thanks, James

By: Geeo

Geeo — Thu, 14 Jan 2010 06:54:47 +0000

you are wrong, jquery does not get the image width, instead of “each()” use “load()”; try an alert imediatly after you get the image height in both each and load events, you will see that “each” returns width 0 and “load” returns the correct width

By: Eric Juden

Eric Juden — Sat, 26 Dec 2009 16:22:27 +0000

Joren,

I think you’d probably be better of doing this on the server side, instead of using Javascript. Your images are pretty large and it’s taking the page longer to load.

Eric