Auto-Resize Large Images - EASY Version

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)

PHP Code:

<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!

[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
And No1 would work for me, gamers dont like there screenshots downsizing (its all the same to me)

[kabadayi]

hmm goog thanked

[PersianImmortal]

Originally Posted by 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.

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]

Originally Posted by 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

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