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>

[principino1984]

id doesn't work on my forum, as soon as I write down the headinclude text all the images in my forum won't show up anymore.

Marco

[NeutralizeR]

Hi,

I've almost tried all image resizing hacks and will install this one soon.

Note: You should also consider this adding for private messages, too: <if condition="THIS_SCRIPT == ''">

[epicbear]

I tried it because an upgrade killed my old fix and I can't remember which version I had installed...but it wrote the dimensions into the html so that they were resized as they were downloading. I liked that better than a blank page till all are downloaded.

I also added a link target to your code so they don't open in the same browser.

[nsanden]

Originally Posted by principino1984

id doesn't work on my forum, as soon as I write down the headinclude text all the images in my forum won't show up anymore.

Marco

What browser and OS are you using?

[principino1984]

Originally Posted by nsanden

What browser and OS are you using?

firefox and winxp sp2

Marco

[nsanden]

Originally Posted by principino1984

firefox and winxp sp2

Marco

Is it only on your forum or also when you view this thread? http://www.timesharetrap.com/forums/...tyleid=1#post7

There should be 2 images in that thread.

[transitbus]

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

[nsanden]

hmm strange. guess i'll take out the part that hides the images until they resize then.

[principino1984]

any news? as soon as I try to install this hack when I send the post the image disappear instead of showin the link for the resized image.

Marco

[nsanden]

Originally Posted by principino1984

any news? as soon as I try to install this hack when I send the post the image disappear instead of showin the link for the resized image.

Marco

Look at my previous reply to you. https://vborg.vbsupport.ru/showpost....3&postcount=16