Auto-Resize Large Images - EASY Version

[paul41598]

Description:
Auto Resizes in showthread those dam large images people post constantly. On the fly and very fast.


Inspiration:
- I just found out I needed an autoresizer, and tried about 3 of them on here with NO luck. They didnt work whatsoever for whatever reason. I remembered having this piece of code on my 3.0.7 series, and tried it in 3.5.4. Too much luck, a little simple javascript goes along way... ;)


Compliancy:
Tested & Verifed in both I.E & Firefox



Open up headinclude (Add Anywhere)

<if condition="THIS_SCRIPT == 'showthread'">

<script type="text/javascript">
function resizeImages() {
if (document.images) {
var mw = 640;
var mh = 480;
for (var ii = 0; ii < document.images.length; ii++) {
var i = document.images[ii];
var iw = i.width;
var ih = i.height;
if (ih > iw && ih > mh) {
i.style.height = mh + 'px';
} else if (iw > mw) {
i.style.width = mw + 'px';
}
}
}
}
if (window.addEventListener) {
window.addEventListener('load', resizeImages, false);
} else if (window.attachEvent) {
window.attachEvent('onload', resizeImages);
} else {
window.onload = resizeImages;
}
//-->
</script>
</if>



If you want to adjust the size, alter the variables:

var mw = 640;
var mh = 480;

Click INSTALL if you like!

[shadowevil]

Mod nice ... *install*

[utw-Mephisto]

Curious, does it enlarge smaller images ?

[Jayphen]

Curious, does it enlarge smaller images ?

From looking at the code, no - it only resizes images if they are larger than the specified amounts (mw and mh)

[Billspaintball]

Cool. :)

Any possibility of making it a plugin so there is no manual editing involved?

[Gbml2u]

used it :)

[sinn3d]

Dear Paul.

Im looking for a nice easy imageresizer like this to 3.6.0. Will there come a release for it :)

[ubblite]

3.6.0 version would be nice unless this hack already works with it.

[ehsanix]

thank u

[Mith]

This hack DOES work in 3.6

HOWEVER:

Unfortunately, not only does it downsize the images in posts nicely and correctly, but it also dowsizes the banner on your page too.

Is there a fix or workaround for it doing that (is there a way to make that apply to only images in posts ?)

Other than that, good mod, I like!

[paul41598]

If you make your variables larger than your banner, you will have no problems. Im sure your banner isnt larger than 640x480 anyways, if it is, then that can be a problem, yes.
var mw = 640;
var mh = 480;

Yes it should work for 3.6

[Mith]

My banner is the full width of the screen, and my forum is best viewed 1024 x 768, therefore my banner is larger than what you state.

The problem is, I like the mod, and it works well... but I don't want it to apply to the website banner.

The question is: Is there somewhere that code can be placed where it will apply to only posts and not the whole page?

Cheers

[Rich]

Hello,

With this installed, can the user click the image and view the original?

[SaN-DeeP]

Cool. :)

Any possibility of making it a plugin so there is no manual editing involved?
this should be better.

[utw-Mephisto]

Hello,

With this installed, can the user click the image and view the original?

Yeah - that would be perfect ..

[Kirk Y]

Cool. :)

Any possibility of making it a plugin so there is no manual editing involved?

It's just a template edit... if you've become so dependent on vB's Plugin System that you can't even bring yourself to click Copy and Paste, then you're pretty bad off.

[paul41598]

It's just a template edit... if you've become so dependent on vB's Plugin System that you can't even bring yourself to click Copy and Paste, then you're pretty bad off.
Yes, true. I WILL NOT be doing a plugin for this. Its pointless

[ehsanix]

installed
thank u

[KJA4U]

I wish to have it as plugin.

[Rickie3]

just what i was looking for thankyou *installed*

[vtx1800]

Installed and working. Thank you.

I do have 3 requests to make if anyone can help.

1. To set an automatic link to the image to see the large image.
2. The ability to NOT resize an image if hosted on a specified domain.
3. The script not adjust sig image sizes.

Anyone have any ideas?

[MichaelP]

Took all of 10 seconds and works great, nice :D
And No1 would work for me, gamers dont like there screenshots downsizing (its all the same to me)

[kabadayi]

hmm goog thanked

[PersianImmortal]

Installed and working. Thank you.

I do have 3 requests to make if anyone can help.

1. To set an automatic link to the image to see the large image.
This is my request as well - to provide the ability to click on resized images to display the larger image either in a popup, or in the current window.

If this were incorporated, the mod would be perfect :)

[Slyfox1]

My banner is the full width of the screen, and my forum is best viewed 1024 x 768, therefore my banner is larger than what you state.

The problem is, I like the mod, and it works well... but I don't want it to apply to the website banner.

The question is: Is there somewhere that code can be placed where it will apply to only posts and not the whole page?

Cheers

THe compliant way to create a banner is to have it broken into smaller images.

End-cap , Spacer , Image , Spacer, End-cap. This way non of the images are large enough to be re-sized AND when the window is minimized the banner will shrink with it.

Check out my site. http://www.theuglybuggers.com

This way of HTML coding was used....

Sly

[Chicago_VLNU_4s]

it freezes the whole screen up and makes the bottom and side scrollbar box really small.. gotta delete

[itsid]

thanks alot!

this was exactly the solution I was looking for,
smart easy and editable.

cheers
'sid

PS works perfectly on 3.6.2 too

[DeMagH]

Thanks, worked fine for me on 3.6.2, though i am adding some code to make resized images clickable and open in new window

[stan111]

but how come when i click on it, it does not enlarge itself?

[BACANERIA]

Thanksss this is nice

[SuperGLS]

Ahhh, this is perfect. Thanks!

[roe]

is there an option to this mod that wil allow a user to click the reduced image and view the original size via a new window?

if it's already part of this mod, is there an option to turn this feature on/off because i can only view the resized images?

[ArchangelX]

Any possibility the "View Original Image" feature could be added? Thanks!

[RVM]

Love this hack, super simple too! I want to put my vote in for a clickable image to show original in new window! :up:

[dprundle]

very nice and effective. Install