Mini Mods - Quick Auto Image-Resize (Posts & Signature)

Brought To You By
ModernvB - Vbulletin Solutions & Services
http://www.modernvb.com

Here's a very simple mini-mod that will resize all images in posts & signatures by using a max-width css attribute, along with an onclick function to open the normal-sized picture in a new window.

This product is super simple and has only a few lines of code. Keep in mind that as far as I know, max-width still gets rendered a tad off on IE (not much of a fan with ie anyway, but that's beside the point) on certain versions. Although i tested on IE7 with only a few images and it didn't look so bad at all. Perfect for me on firefox, chrome, etc.

If you're looking for something with a bit more options and functionality (javascript effects, more options, etc.) please take a look at:
Image Resizer.

Install
1. Import Product
2. Set a Maximum Width in Admincp, under Quick Auto Image-Resize (Posts & Signature)

This really is just a simple mini-mod. Nothing too fancy at all. Had someone who wanted the resizing done strictly with css and suggested I do something like this and offer it as well - so here ya go.

[Gio~Logist]

Originally Posted by DNN

does this mod also resize video that are inside of forum posts?

Not at the moment. That might be a good idea, only all videos are embed differently. Especially when you take everyone's diff video bb tags into perspective.

[Gio~Logist]

Originally Posted by Quest2be1

Hey Gio, I wanted to ask you one more thing. Is there a line I can remove from your xml file so that your plug-in will only work for signatures? I don't know if being able to set a limit for posts and then a separate limit for sigs is still keeping it lite, but if so that would be cool.

Example...
I might want pictures in user's post to be able to go up to 700px wide.
Yet, for sigs I might only want it set to 400px wide.
As of right now I have it set to 550 to meet in between and I don't like it lol.

You would have to rename the variables and split up the file.

[thecore762]

tagged

[synseal]

Exactly what I wanted 5 stars *installed

Thank you.

[Sworm]

Hi Gio , great work ... to resize images, i'm actually using this add at the end of my style postbit.css (Zer query)...:

/* BEGIN Image resize */ 
#posts IMG { 
    max-width: 640px; 

} 
#collapseobj_threadreview IMG { 
    max-width: 640px; 

} 
/* END Image resize */  

It is better to use this one or your one? thanks

[depalaza]

nice one but it's didn't work for gif file format

[snerd]

I've been using this from the 3.xx vBulletin mod section for over a year. How did I miss it over here in the 4.xx section?! LOL!

Great, simple mod that does the job it's designed for.

[gamaken]

I don't know if this is a bug or expected, but this mod is giving certain graphics the onclick javascript.
Smileys, the quote icon...they become clickable links opening a new page/tab and show the graphic. Any fix for this because we like the mod a lot.

[motorhaven]

Originally Posted by gamaken

I don't know if this is a bug or expected, but this mod is giving certain graphics the onclick javascript.
Smileys, the quote icon...they become clickable links opening a new page/tab and show the graphic. Any fix for this because we like the mod a lot.

Found the same bug. Change this in the plug-in:

$post['message'] = str_replace('<img', '<img style="max-width: ' . $this->registry->options['gquick_autoresize_maxwidth'] . 'px; cursor: pointer;" onclick="window.open(this.src)" ', $post['message']);
$post['signature'] = str_replace('<img', '<img style="max-width: ' . $this->registry->options['gquick_autoresize_maxwidth'] . 'px; cursor: pointer;" onclick="window.open(this.src)" ', $post['signature']);

to this:

$post['message'] = str_replace('<img', '<img style="max-width: ' . $this->registry->options['gquick_autoresize_maxwidth'] . 'px; cursor: pointer;" onclick="window.open(this.src)" ', $post['message']);
$post['message'] = str_replace('onclick="window.open(this.src)" class="inlineimg" src="images/buttons/', 'class="inlineimg" src="images/buttons/', $post['message']);
$post['message'] = str_replace('onclick="window.open(this.src)" src="images/smilies', 'src="images/smilies/', $post['message']);
$post['signature'] = str_replace('<img', '<img style="max-width: ' . $this->registry->options['gquick_autoresize_maxwidth'] . 'px;
cursor: pointer;" onclick="window.open(this.src)" ', $post['signature']);

Not the most efficient way but its 4:30 in the morning, I'm groggy and just wrote it.

[AndrewRich]

Here is a version with the following modifications:

• applies to signatures only
• doesn't apply to smilies (motorhaven's fix above)