Twitter
Google
Tumblr
Last.fm
LinkedIn
Digg
RSSjQuery Image Resize Plugin v2.1.1
Nov 29
jQuery Image Resize Plugin 40 Comments
The latest release for jQuery Image Resize Plugin fixes a nasty bug and as the following updates:
- Fixed: Plugin stops working if height parameter was left out.
- Optimised the whole plugin by reducing excessive function calls.
- Improved code structure for quick execution.
- Smaller minified version.
Download the latest version: http://github.com/adeelejaz/jquery-image-resize/downloads
Report any bugs: http://github.com/adeelejaz/jquery-image-resize/issues
Dec 22, 2010 @ 15:55:43
Thanks so much for this very helpful jQuery plugin.
v2.1.1 works perfectly in FireFox, but does not seem to work at all in IE 8.
Can you look into this?
Thank you.
Dec 23, 2010 @ 14:05:01
Hi Dan,
I tried but can’t reproduce the issue. Can you please give me an example code? You can email it to me by via the contact form.
Thanks.
Dec 31, 2010 @ 09:16:09
Hi Adeel,
thanks for this script.
If you want to see the script you should use IE8 and use the example you added with the latest version (Nov 29).
I have the same problem. In FireFox and Chrome it works fine. Safari not known.
Jan 02, 2011 @ 01:29:32
Hi MasterBlue, when I said I can’t re-produce, I used IE6, IE7 and IE8. It is working perfectly for me in all those browser.
Dec 27, 2010 @ 17:20:10
Could you please navigate to my current website (linked above) and tell me how i could integrate this script to produce correct thumb images for articles
Dec 29, 2010 @ 11:50:06
They look fine to me.
Dec 31, 2010 @ 09:19:07
The script is only resizing, right? Not minimize the bytes?
Dec 31, 2010 @ 10:13:52
Yes, it just adds the height and width CSS on the image. The actual image size and bytes stay as they are.
Mar 01, 2011 @ 13:38:07
I’m using the image resize plugin on a dynamically loaded main image after changing the source using .attr() when hovering over a thumbnail. The plugin works OK on Safari but on Firefox it grabs the dimensions from the previously displayed image rather than the fresh one. I expect this is because the image hasn’t been fully loaded into the DOM / browser cache. Other people also report problems getting the dimensions of dynamically loaded images. If you can solve this in your plugin or suggest a workaround that would be great. Have tried .load() for the dynamic image after .attr() but without luck.
Mar 01, 2011 @ 14:53:04
I’ve checked the code in Chrome and Firefox. When you hover the mouse over the thumbnail, only two product’s pictures are shown big. The rest of the pictures do not work because there are no pictures uploaded on http://www.avotrading.com.au/images/products/large/ (the directory only has two images).
Aug 15, 2011 @ 01:07:31
Sorry, the page continued to be reworked after my message so some image details may have changed. However, my own workaround was to use original images as thumbnails with height & width specified. Specifying the HxW for each image solved the problem with the image resize plugin using the values from the previous displayed image. The image resize was required for the main image change on thumbnail hover, not on the thumbnails themselves.
Aug 17, 2011 @ 04:48:04
Still having resize issues with FireFox on Windows. It would appear that aeImageResize isn’t loading. Works fine on other browsers.
Mar 16, 2011 @ 22:29:33
The plugin is great = so thanks for your work. My only slight issue is that the images appear full size before page loads and the script executes.
Is there a way to stop this, or use it as a callback with an image loading script?
Mar 17, 2011 @ 00:24:53
I had a similar issue and I got around it with:
In CSS:
.resizeme { display: none; }And modified the plugin call to:
$( ".resizeme" ).aeImageResize({ height: 250, width: 250 }).css("display", "inline");Mar 21, 2011 @ 16:31:06
Cheers for the tip – works well and with a lot less hassle than I expected.
Nov 11, 2011 @ 08:15:37
Hey, I would like to know more about this number – where do I put this number? As the class of the image?
Nov 11, 2011 @ 11:17:27
It wasn’t a number. WordPress was messing up the code. I’ve fixed it.. have a look.
Apr 15, 2011 @ 21:04:53
I’m using the image resize plugin on a dynamically loaded main image after changing the source using .attr() when hovering over a thumbnail. The plugin works OK on Safari but on Firefox it grabs the dimensions from the previously displayed image rather than the fresh one. I expect this is because the image hasn’t been fully loaded into the DOM / browser cache. Other people also report problems getting the dimensions of dynamically loaded images. If you can solve this in your plugin or suggest a workaround that would be great. Have tried .load() for the dynamic image after .attr() but without luck.
+1
Apr 15, 2011 @ 22:14:32
The plugin only runs once,when the page is loaded first time. To resize with the newly loaded image, you will need to call the plugin again.
Try this: http://jsfiddle.net/CpFDm/
Sep 23, 2011 @ 10:42:12
There is a problem in Firefox… I try your script but the first time I click the button the loaded image take the aspect of the first image. I need to click again to have the correct aspect.
You don’t see this problem?
May 24, 2011 @ 03:36:33
Thanks for the plugin Adeel!
Nice & simple
Jun 20, 2011 @ 20:31:27
Thanks for your plugin Adeel .. its nice stuff
Jul 14, 2011 @ 10:20:35
Hi Adeel,
Thanks for your nice script! I’ve a question. Is there a way to return the new size back after the call?
If I re-size the image to 640X480, I need to use the new height to adjust other components.
Aug 08, 2011 @ 23:26:48
Can you confirm or deny that this works in IE9?
Aug 15, 2011 @ 23:31:06
Yes, IE9 has an issue. It doesn’t run the script first time but when you refresh the screen, it resizes the images. I’m working on a fix.
Aug 26, 2011 @ 00:58:03
Thanks man!
Sep 01, 2011 @ 15:24:59
Hi, how can i make the images not propotional but use the height and width i specify? Also when can we look for an update for ie9?
Nov 30, 2011 @ 17:37:19
+1
Thanks
Dec 06, 2011 @ 16:23:35
Works well… but unfortunately won’t resolve my problem.
Dec 06, 2011 @ 16:45:35
And your problem is?
Jan 10, 2012 @ 00:26:32
I am new to JQuery and especially to plugins.
I have loaded the plugin using:
and I am trying to invoke it from the following function:
// Scale an image
function scaleImage(scale) {
w = $(this).width;
h = $(this).height;
$(this).aeImageResize(Math.max(w, h) * scale);
}
which in turn is invoked by the following code:
$(“#spanishButton > img”).each(scaleImage(0.75));
This works in Opera and Safari but fails in various ways having to do with undefined variables in JQuery itself when running in Chrome, Firefox or IE9. Do I have a problem in trying to setup things or are there known problems in the non-working browsers.
.
TIA
Jonathan
Feb 06, 2012 @ 23:09:29
I was having difficulties with IE9 also. It works ok in Firefox. I was messing around with the function call for a dynamically driven page for images. This seems to work for me.
$(function() {
$( “.resizeme” ).aeImageResize({ height: 110, width: 110 });
});
Adjust the IMG tag to
each time the image loads, it will then invoke the resize. I did not have to do anything to the css file. Otherwise, the best piece of code I have seen. Thanks Adeel
Feb 06, 2012 @ 23:11:14
The image tag did not display in my post…add this onload=”aeImageResize(’110′,’110′)” inside your IMG tags
Mar 06, 2012 @ 16:39:34
I add that to my images onload=”aeImageResize(’50′,’50′);”
and get error that “aeImageResize is not defined”
..I did include this in header..
any suggestions???
Mar 06, 2012 @ 16:56:26
It’s working in FireFox for me now but not in IE8..I get error “Object Expected”
Mar 06, 2012 @ 18:22:25
Try this: onload=”$(this).aeImageResize({ height: 50, width: 50 })”
Feb 15, 2012 @ 13:19:12
Love this plugin, but any way to have the image allow upscale itself beyound the size of the original image, eg “ZOOM” ???
May 17, 2012 @ 17:11:45
This is still the latest version right?
May 17, 2012 @ 17:26:46
Yes, it is.
May 18, 2012 @ 15:07:28
Not any more, IE9 fix has been added. Get the latest version from: https://github.com/adeelejaz/jquery-image-resize/tags