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>

[BarelyHangingOn]

Works with 3.5.4

[PersianImmortal]

When testing your forum changes on your browser also make sure to press CTRL+F5 to force refresh the changes, just in case your browser is using cached versions of files.

[Viper007Bond]

FYI: Having multiple items with the same ID breaks XHTML validness. A CSS class should be used instead.

[nsanden]

Originally Posted by Viper007Bond

FYI: Having multiple items with the same ID breaks XHTML validness. A CSS class should be used instead.

Yep, good point. Fixed!

[Codeman05]

I just installed it on my VB3.6.3 install and its not working either.

The images appear initially, and then disappear (once the script runs).

Any suggestions?

[nsanden]

Originally Posted by Codeman05

I just installed it on my VB3.6.3 install and its not working either.

The images appear initially, and then disappear (once the script runs).

Any suggestions?

Browser? OS? Are you installing the original code in the first post or the version someone else posted later?

[Codeman05]

Originally Posted by nsanden

Browser? OS? Are you installing the original code in the first post or the version someone else posted later?

any browser, any o/s, original code.

I've switched to another script, so no worries. Thanks

[harlita]

Just installed on 3.6.5

Works like a charm <3

Thanks much!! EXACTLY what I was looking for. YOSH!

[srikanthbr]

this dosent work?