Auto resize Huge images for [IMG] bbcode

I find lots of people are looking for [IMG] hack. So i share mine now.

The hack modifies only a few lines and the images are resized automaticly by javascript.

Open functions_bbcodeparse.php

Search:

PHP Code:

function handle_bbcode_img_match($link)
{
    $link = strip_smilies(str_replace('\\"', '"', $link));

    // remove double spaces -- fixes issues with wordwrap
    $link = str_replace('  ', '', $link);

    return '<img src="' .  $link . '" border="0" alt="" />';
} 


Replace with:

PHP Code:

function handle_bbcode_img_match($link)
{
    global $vboptions;
    
    $link = strip_smilies(str_replace('\\"', '"', $link));

    // remove double spaces -- fixes issues with wordwrap
    $link = str_replace('  ', '', $link);

    if ($vboptions['legacypostbit'])
    {
        return '<a href=' . $link . ' target="_blank"><img src="' . $link . '" onload="if(this.width>screen.width-255) {this.width=screen.width-255;this.alt=\'Full View\';}" onmouseover="if(this.alt) this.style.cursor=\'hand\';" border="0"></a>';
    }
    else
    {
        return '<a href=' . $link . ' target="_blank"><img src="' . $link . '" onload="if(this.width>screen.width-80) {this.width=screen.width-80;this.alt=\'Full View\';}" onmouseover="if(this.alt) this.style.cursor=\'hand\';" border="0"></a>';
    }
} 


All done. Enjoy!

[???`S?LV?R???`]

nice.

[Symbian.info]

Would be a great hack if it works.. pics are gone on he front of vBadvanced CMPS.. Small pics are still there.. In the message it self it is still there, but still big size..

But how can I adjust the limits? Wat is a big picture??

It would be great if it works! To often members post to big pics of other webistes...

[007pig]

the key is

onload="if(this.width>screen.width-255) {this.width=screen.width-255;this.alt='Full View';}"

you can adjust the number 255 to what you like.
increasing it makes your pics smaller.

[duncan99]

Installed, thanks for the hack.

[SVTBlackLight01]

Has anyone tried this with the WYSIYG editor. It doesn't seem to be compatible as it posts part of the javascript.

[007pig]

Originally Posted by SVTBlackLight01

Has anyone tried this with the WYSIYG editor. It doesn't seem to be compatible as it posts part of the javascript.

i have tested in WYSIWYG without problem.

note:

onload="if(this.width>screen.width-255)

you shouldn't put

javascript:

before "if"

[SVTBlackLight01]

Here is an example:

[007pig]

Originally Posted by SVTBlackLight01

Here is an example:

how do you post images?
select - copy - paste?

if you paste a image with javascript code, it will appear like that. for example, you paste an image which is already autoresized.

Use [img] code instead.

[HiDeo]

Thanks for the hack