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

[twizted@dragonm]

Works like I expected.. but... a little to well... I dont want it to resize my signature images..... Is there anyway around this or set it to a diff max width for signature images?

[AndyA]

Has anyone tested this on 3.0.7 ? I could do with a mod like this if it autosizes images and opens up full size image once clicked.

[twizted@dragonm]

I am running it on 3.0.7 myself.... but ... I need it to not resize my signature images ... No one out there know how to keep it from it?? please....

[Razasharp]

Is there anyway to modify this hack so that if the image is too big the system simply does not allow the IMG tag but instead uses the URL tags?

That way the poster will in time, learn that large images are not acceptable. This works better than simply altering the image 'size' because the size of the image interms of bytes actually remains the same - and this is what we don't want, people on non-broadband connections having to wait ages for threads to load.

I was using a hack on phpbb that display an 'OOPS' image whenever an IMG was posted that was too big - the OOPS image was clickable to the actual image. The processing was done on the upload not on each 'view' so kept server load to a minuium.

Sorry if I've gone off topic a bit!

[Deska]

is this work with attachment image also?

[seg]

Great hack - does exactly what I need it to do!!! Running it on 3.0.7 - Thanks

[twizted@dragonm]

Too bad support for this hack seems nill.....

I am still waiting on a reply about it not altering Signature images...

[Jack Jones]

Takes an EXTREMELY long time to load any pages where this hack comes into effect. vB 3.0.7

[BRC2]

Thanks for a great hack Steve!

I, like everyone else, experience the delay when remote images are resized. I would like to make a suggestion I found incorporated into similar hack for phpBB. The author assigned "ids" to remote images that were resized and stored the resize information in the database. By doing so, images only loaded slow the first time. Afterwards, the images would load at typical speeds because the orginal and new sizes were already stored in the database. If the table became bloated, it could simply be purged without effecting the linked images and the process would continue. I used this on a phpBB site and it made a dramatic impact on load times. I don't know if this can be incorporated into this hack, but if your interested here is a link to the MOD.....Limit Image Width

Brian

[theinz]

Steve,

This hack saved us a lot of trouble thanks so much!! It's working perfectly. I do have a question however. At the end of your install notes you say:

"That's it. Set the max_imagesize at the beginning of the each of the large edits and that will be your max image size."

Where can I set the max_imagesize?