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.

[Xxman]

Cool ! I'll try it .
Thanks.

[Royal]

i saw this option on an other dutch forum (not vbulletin) isnt is posible to make the hack like this :

http://forum.fok.nl/showtopic.php/447356


so when u click on it that it opens in a popup with a clickable close on it

this is what QiQme is meaning

[Xxman]

Originally Posted by Xxman

Cool ! I'll try it .

Damn! It doesent work for me on Vbulletin..

I put this :

PHP Code:

<script type="text/javascript" src="http://www.mysite.com/portal/image.js"></script> 


into my vbulletin header template and this :

PHP Code:

<SCRIPT language=javascript>check_images();</SCRIPT> 


into my vbulletin footer template after uploaded image.js into www.mysite.com/portal folder..

Why not work ??

QiQme , what does it mean this piece of code?

PHP Code:

if(!url.match(/vwforum.nl/) && !url.match(/athena.webmagix.net/)){ 


[Xxman]

..anybody ?

[Aaron1]

I am in the dark too XXman, i would love to see this hack work properly too.

The example over at: http://forum.fok.nl/showtopic.php/447356
Is exaclty how it should be done, although i really have no clue how they have done that, or how to incorporate it into vbulletin.

So if someone could help us out i would be eternally gratefull!

[QiQme]

Originally Posted by Xxman

Damn! It doesent work for me on Vbulletin..

I put this :

PHP Code:

<script type="text/javascript" src="http://www.mysite.com/portal/image.js"></script> 


into my vbulletin header template and this :

PHP Code:

<SCRIPT language=javascript>check_images();</SCRIPT> 


into my vbulletin footer template after uploaded image.js into www.mysite.com/portal folder..

Why not work ??

QiQme , what does it mean this piece of code?

PHP Code:

if(!url.match(/vwforum.nl/) && !url.match(/athena.webmagix.net/)){ 


Just change vwforum.nl and athena.webmagix.net to yoursite.com

[QiQme]

In the attachement ( https://vborg.vbsupport.ru/showpost....3&postcount=16 ) you can see that it works.

There's just nothing more to say about it i think.

[Aaron1]

Hey thanks!

That works perfect, well almost it does, the only problem i have now is that the pop-up has some white space above the enlarged image. Strange, although the pop-ups on the the example page: http://forum.fok.nl/showtopic.php/447356

Doesn't have that ugly whitespace. Any clues?

Hmm, i just checked and i think they used an image.php document, with unknown contents...

Also on your example zip file, the image in the pop-up is cropped somehow, it doesn't show the complete image... Argh

[Xxman]

Originally Posted by QiQme

Just change vwforum.nl and athena.webmagix.net to yoursite.com

I'm a fool ..

[TheLab]

QiQme thats a great idea and it works great on IE, but not on Netscape/Opera/Mozilla. Is there any code fix for this?