Wide image automatic resize for html and vB tags in posts - fixes template problems

Having trouble with large images in [img] or <img src> tags in your posts causing your templates to go too wide causing a horizontal scroll bar for all posts? I have many users that attach large images to their posts either through vB img or html img src tags. In vB2 it wasn't that much of an issue because it only caused their post to go wide causing a horizontal scroll bar. In vB3 it causes all the posts on that thread to go to that width.

This hack uses the img src width="xx" tag to resize the picture to whatever max size you wish. It also adds a link to the full size image in it's original location and retains any extra formatting the user puts in the tag. In addition it checks to see if the picture actually exists and if not show "Image link is broken" where the picture would have been. Please click install if you install it and please give feedback so I can go full release with it if it's bug free.

Updated on 07/30/2004 - R0.9
Updated on 08/06/2004 - R1.0 - Identical to R.9, no need to upgrade just changing to full release from beta
Updated on 08/10/2004 - R1.1 - Added max_imgsize to the 2nd section of code (and removed global max_imgsize line from both), some users had problems with the code grabbing the max_imgsize from the first section - this fixes that.
Updated on 09/09/2004 - R1.2 - fixed problem with duplicating the resize notice when using wysiwyg editor

[Tradjick]

Here?s the one I just found. It?s client side and very quick!

https://vborg.vbsupport.ru/showthread.php?t=68677

I thought i should inform some of the people that didn?t notice that hack.

Have a nice day.

[dwh]

I went through a few pages but haven't seen this question. Apologies if someone asked this. I just want to turn all outside images into links rather than an inline display while leaving attached images to thumbnails (as it works now)

[dwh]

Originally Posted by dwh

I went through a few pages but haven't seen this question. Apologies if someone asked this. I just want to turn all outside images into links rather than an inline display while leaving attached images to thumbnails (as it works now)

Anyone have ideas?

[Mechanical Mind]

Originally Posted by dwh

Anyone have ideas?

This should be an option already available in vBulletin 3.0.3. You just disallow IMG in the affected forum and any images attempted to be posted will be a link.

[dwh]

Originally Posted by Mechanical Mind

This should be an option already available in vBulletin 3.0.3. You just disallow IMG in the affected forum and any images attempted to be posted will be a link.

It doesn't seem to be an option. But I got a workaround http://www.vbulletin.com/forum/showt...810#post779810

[SVTBlackLight01]

Originally Posted by Mechanical Mind

This should be an option already available in vBulletin 3.0.3. You just disallow IMG in the affected forum and any images attempted to be posted will be a link.

What would be nice would be to turn any image over a certain size into a link instead of resizing it.

[Steve St.Lauren]

Originally Posted by SVTBlackLight01

What would be nice would be to turn any image over a certain size into a link instead of resizing it.

That wouldn't be hard at all - this hack could be easily modified to do that. Just change lines 90 and 91 in the hack file from this:

$bbtag = '<table><tr><td align="center"><a href="' . $link . '"><img src="' . $link . '" width="'.$max_imgsize.'" border="0"'.substr($bbtag,$linkclose+1,strlen($bbt ag)-$linkclose+1).'<br>Picture has been resized, click for full size pic</a></td></tr></table>';

to this:

$bbtag = '<table><tr><td align="center"><a href="' . $link . '">' . $link . '</a></td></tr></table>';

and lines 214 & 215 of the hack file from:

$biglink = '<table><tr><td align="center"><a href="' . $link . '" ><img src="' . $link . '" width="'.$max_imgsize.'" border="0" alt=""><br>Picture has been resized, click for full size pic</a></td></tr></table>';

to:

$biglink = '<table><tr><td align="center"><a href="' . $link . '" >' . $link . '</a></td></tr></table>';

That should do what you are looking for. If you want to add some text in there as well as the link address put it right after the > just before ' . $link

If you want to replace the link address with text remove the ' . $link . ' between the > and < and place whatever text you want there.

[Gnappy]

this hack really rox, thx Steve!

[high]* Gnappy install ^^
[/high]



but i have a little question.. on my forums many ppl uses to upload images on forum, and for these images i added this tag, used to see this kind of pictures(with url dont finish with .jpg, .gif, .jpeg, etc..) i called this tag [card] (i think many other ppl here uses this tag) and it works like this:

<img src="{param}">

now, when i use [img] tag ur hack works nicely, but when i use the tag card for a forum uploaded images, the hack dont work. Its obviously that this hack is made just to be applicated to [img] tag, BUT can u tell me how can i use this nice hack to my [card] tags?

thx a lot for replies

[HaloImpulse]

alright, I used this on my forums when we were hosted by a hosting company called EPGservers, but we recently rented a dedicated machine from http://servermatrix.com/, the 2.4 machine, and now this hack doesnt work. Any suggestions?

[Steve St.Lauren]

Originally Posted by HaloImpulse

alright, I used this on my forums when we were hosted by a hosting company called EPGservers, but we recently rented a dedicated machine from http://servermatrix.com/, the 2.4 machine, and now this hack doesnt work. Any suggestions?

What version of php are you running on that server? Some versions of php have trouble with the imagesize function.