Check for valid linked image and resize if too large

I hate it when users link to images that are really large and cause the layout of the site to become all distorted. It's also annoying to see the image placeholder and the red "X" whenever the site hosting an image is unavailable.

This check will check the width of a linked image and if it's wider than the size you would like to allow, it will add a width attribute to the <img> tag so it will be resized. If the image is not available on the linked site, then it will display a message saying the linked image is currenty unavailable.

It only requires an edit to admin/functions.php.

Open functions.php and find the following line:

PHP Code:

$bbcode = preg_replace("/\[img\](\r\n|\r|\n)*((http|https):\/\/([^;<>\(\)\"".iif($allowdynimg,"","!\*\?\&")."]+)|[a-z0-9\/\\\._\- ]+)\[\/img\]/siU", "<img src=\"\\2\" border=\"0\" alt=\"\">", $bbcode); 


REPLACE it with the following code:

PHP Code:

      if (strstr($bbcode, "[img]")) {
          ob_start();
          $img_url=preg_replace("/\[img\](\r\n|\r|\n)*((http|https):\/\/([^;<>\(\)\"".iif($allowdynimg,"","!\*\?\&")."]+)|[a-z0-9\/\\\._\- ]+)\[\/img\]/siU", "\\2", $bbcode);
          $img_url=trim(ereg_replace('<[^>]*>', '', $img_url));

          $img_size = getimagesize($img_url,$info);
          if ($img_size==false) $dont_display=true;
          ob_end_clean();
      }
      if ($img_size[0]> 400) {
          $bbcode = preg_replace("/\[img\](\r\n|\r|\n)*((http|https):\/\/([^;<>\(\)\"".iif($allowdynimg,"","!\*\?\&")."]+)|[a-z0-9\/\\\._\- ]+)\[\/img\]/siU", "<img src=\"\\2\" border=\"0\" width=\"400\" alt=\"\">", $bbcode);
      } else {
          $bbcode = preg_replace("/\[img\](\r\n|\r|\n)*((http|https):\/\/([^;<>\(\)\"".iif($allowdynimg,"","!\*\?\&")."]+)|[a-z0-9\/\\\._\- ]+)\[\/img\]/siU", "<img src=\"\\2\" border=\"0\" alt=\"\">", $bbcode);
      }
      if ($dont_display==true) $bbcode="<br><i>".htmlentities("<linked image unavailable>")."</i>";
    } 


Replace $img_size[0]> 400 & width=\"400\" with the your max width and that's it.

[Boofo]

What if we have "Allow Dynamic URL for [img] tags?" set to no? Can we use this for the regular image tags? And is there a way to do this for attached images, too?

[gmarik]

A great hack idea, the same questions as Bo.

[Boofo]

It's Boofo, not Bo.

[Locutus2999]

Yes this will work regardless if you have Dynamic URL's turned on or off.

As for attached images you can already specify a max width in vB options in the admin control panel.

[Boofo]

But that only works in the Admin CP if you have view images turned on. I have it turned off. I am using Slynderdale's Show Image attachments hack and I am looking for a way to do it with that. Any ideas?

[yxboom]

After installing ALL image tags became <linked image unavailable>

[Locutus2999]

The getimagesize requires PHP 4.0.5.

Comment out ob_start() and ob_end_clean() and see if it is returning an error message.

[Boofo]

I am running PHP 4.3.1 and I am also getting the <linked image unavailable> error.

[Erwin]

Using getimagesize WILL increase server load as the image needs to be downloaded, then MySQL needs to check the image size, and resize it on the fly if it's too big, and then display it... just so you know.