how to resize image post between [img] tag resize automatically?

[caranibieros]

how to resize image post between [img] tag resize automatically?
but i need configuration via css, plugin image resizer make our server worked hard

thx for answer

[Pirata Nervo]

Unless [img] is replaced with <img src... class="mycustomclass">, it's not possible.
You may want to look at inc/class_parser.php and search for [img] replacements

[caranibieros]

solved :

add this code to global.css of your theme

Code:

.imagespost{

max-width: 500px; /* Adjust this value according to your content area size*/
    height: auto;

}

find this code at inc/class_parser.php

Code:

return "<img src=\"{$url}\" width=\"{$dimensions[0]}\" height=\"{$dimensions[1]}\" border=\"0\" alt=\"{$alt}\"{$css_align} />";
        }
        else
        {
            return "<img src=\"{$url}\" border=\"0\" alt=\"{$alt}\"{$css_align} /></div>";

change into this

Code:

return "<div id=\"imagespost\"><img src=\"{$url}\" class=\"imagespost\" width=\"{$dimensions[0]}\" height=\"{$dimensions[1]}\" border=\"0\" alt=\"{$alt}\"{$css_align} /></div>";
        }
        else
        {
            return "<div id=\"imagespost\"> <img src=\"{$url}\" class=\"imagespost\" border=\"0\" alt=\"{$alt}\"{$css_align} /></div>";

viola! large image will resize automatically without using GD image that make server load increase

[Pirata Nervo]

(01-12-2010 02:41 AM)caranibieros Wrote:  solved :

add this code to global.css of your theme

Code:

.imagespost{

max-width: 500px; /* Adjust this value according to your content area size*/
    height: auto;

}

find this code at inc/class_parser.php

Code:

return "<img src=\"{$url}\" width=\"{$dimensions[0]}\" height=\"{$dimensions[1]}\" border=\"0\" alt=\"{$alt}\"{$css_align} />";
        }
        else
        {
            return "<img src=\"{$url}\" border=\"0\" alt=\"{$alt}\"{$css_align} /></div>";

change into this

Code:

return "<div id=\"imagespost\"><img src=\"{$url}\" class=\"imagespost\" width=\"{$dimensions[0]}\" height=\"{$dimensions[1]}\" border=\"0\" alt=\"{$alt}\"{$css_align} /></div>";
        }
        else
        {
            return "<div id=\"imagespost\"> <img src=\"{$url}\" class=\"imagespost\" border=\"0\" alt=\"{$alt}\"{$css_align} /></div>";

viola! large image will resize automatically without using GD image that make server load increase

Good job

[trialnick]

Hi there!

How to do that in mybb 1.6?

i didn't find there .imagespost{

many thanks in advanced!!!

[MrJohn]

This was very helpful, thanks for the tip.

[Shukaku]

This is really old. Did you need to bump it??

[MrJohn]

Well all the threads here are old. So I have no choice.

[caranibieros]

im using it for mybb 1.6 and not have any problem
still useful

[Sama34]

Actually, you don't need edit core files, just wrap the {$post['message'] into a div, give the class to the div instead of the the img, and then add the css addition mentioned above like this:

Code:

.imagespost img{

max-width: 500px; /* Adjust this value according to your content area size*/
     height: auto;

}

If you are using a theme that already contains the post_content class, just try adding this:

Code:

.post_content img{

max-width: 500px; /* Adjust this value according to your content area size*/
     height: auto;

}

You can even create a new mycode to overwrite the default one. The thing is, you don't need to edit core files to do this.