Forum Display Enhancements - Resize large [IMG] images and link them to original

This mod should resize [IMG] images wider than 'max_width' and link them to their original size. Not very well tested, i'm hoping for some feedback/suggestions. I have tested in firefox/IE latest versions and it seems to work fine. Should be a pretty quick install.

INSTALL:

1) Edit /includes/class_bbcode.php around line 1879 for me.

Look for:

return '<img src="' . $link . '" border="0" alt="" />';

Change to:

return '<img src="' . $link . '" border="0" alt="" class="img_tag" />';

2) Add the following to the headinclude template.

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

<script type="text/javascript">

max_width = 700;

if(document.documentElement.outerHTML == null) {
   HTMLElement.prototype.__defineSetter__("outerHTML", function (sHTML) {
   var r = this.ownerDocument.createRange();
   r.setStartBefore(this);
   var df = r.createContextualFragment(sHTML);
   this.parentNode.replaceChild(df, this);
});
}

function resizeImages() {
   for(var i=0; i<document.images.length; i++)
   {
      var img = document.images[i];
      if(img.className == "img_tag") {
         if(img.width > max_width) {
            var strNewHTML = '<a href="' + img.src + '" target="_blank"><img width = "' + max_width + '" src="' + img.src + '" border=0 alt="" /></a>';
            img.outerHTML = strNewHTML;
         }
      }
   }
}

if (window.addEventListener) {
  window.addEventListener('load', resizeImages, false);
} else if (window.attachEvent) {
  window.attachEvent('onload', resizeImages);
} else {
  window.onload = resizeImages;
} 

</script>

</if>

[NeutralizeR]

This is the fastest way to resize giant images (vBulletin 3.6) if you don't mind the "click to view the full version of the image" feature:
https://vborg.vbsupport.ru/showpost....&postcount=144

[principino1984]

just in my forum, cause when I look @ that link you gave me it works fine

Marco

[Tralala]

Originally Posted by transitbus

doesnt work at all. Infact it removed the images instead of making a link

Same here, using Safari on a Mac.

[Masiello]

Originally Posted by nsanden

Sorry teedizz i don't think i'm going to add that change. Doesn't make sense to me. No reason to resize images in the post if you aren't going to resize images in the signature as well. Whole point is to NOT break your design.

I agree

[nsanden]

Originally Posted by principino1984

just in my forum, cause when I look @ that link you gave me it works fine

Marco

Try reinstalling the hack then. It will probably work.

[PabloAM]

Resize in News in VBadvanced???

Thx

[nsanden]

Originally Posted by Tralala

Same here, using Safari on a Mac.

Yeah doesn't suprise me. Sorry

[principino1984]

Originally Posted by nsanden

Try reinstalling the hack then. It will probably work.

why should it work now? i already tried to reinstall the hack twice or three times... there's no way it will work now if you haven't change sometin in the code

Marco

[nsanden]

Originally Posted by principino1984

why should it work now? i already tried to reinstall the hack twice or three times... there's no way it will work now if you haven't change sometin in the code

Marco

I have changed it a couple times.

Just look for the: <style>#img_tag { display: none } </style> part and remove it from the headinclude template.

[teedizz]

Originally Posted by nsanden

Sorry teedizz i don't think i'm going to add that change. Doesn't make sense to me. No reason to resize images in the post if you aren't going to resize images in the signature as well. Whole point is to NOT break your design.

well tha reason i ask is because I allow usres to have sigs 600x350 which doesnt break my design. on the other hand I have members who add pictures to threads which are like 1568x900 which does break my design. for instance, we have a thread named " post your desktop " & people are literally just taking screen shots & posting the whole thing. if this doesnt affect a sig thats 600x350 thats wrapped in [img] tags then i will install. thanks.