Auto resize

[_Chris_]

When the users are posting images, some of the images are coming out way too wide - is there any way of getting them to auto resize, say to 300px wide.

Any help appreciated.

[skash]

tell them to use a 3rd party image hosting service, such as image shack.

[Sniper_E]

Install Lightbox or Highslide on your forum.
Or search for one of these at .com for a phpBB install.

[_Chris_]

Install Lightbox or Highslide on your forum.
Or search for one of these at .com for a phpBB install.

Many thanks - do you know which is the better one and do they both auto resize?

[Handyman]

Besides the way they work (check out the demos for both), Lightbox is written with jQuery and Highslide is not, I don't know if that effects your decision or not.
They both auto resize and both look very cool.

[_Chris_]

Besides the way they work (check out the demos for both), Lightbox is written with jQuery and Highslide is not, I don't know if that effects your decision or not.
They both auto resize and both look very cool.

Thank you.

[Krupski Roger]

When the users are posting images, some of the images are coming out way too wide - is there any way of getting them to auto resize, say to 300px wide.

Any help appreciated.

If they are using the IMG bbcode to post images, just make a new bbcode (maybe named "image"?) like this:

The bbcode:

Code: Select all

[image]{URL}[/image]

The HTML:

Code: Select all

<img src="{URL}" alt="image" style="max-width:300px;max-height:300px;" />

Images will be auto-scaled to be no more than 300px wide or high (whichever is larger).

You may want to "comment out" the original IMG bbcode on your board as well to force your users to use IMAGE instead of IMG.....

[_Chris_]

When the users are posting images, some of the images are coming out way too wide - is there any way of getting them to auto resize, say to 300px wide.

Any help appreciated.

If they are using the IMG bbcode to post images, just make a new bbcode (maybe named "image"?) like this:

The bbcode:

Code: Select all

[image]{URL}[/image]

The HTML:

Code: Select all

<img src="{URL}" alt="image" style="max-width:300px;max-height:300px;" />

Images will be auto-scaled to be no more than 300px wide or high (whichever is larger).

You may want to "comment out" the original IMG bbcode on your board as well to force your users to use IMAGE instead of IMG.....

Sorry Krupski, I don't understand much of that. How do I find out if they are using IMG bbcode please?

[Sniper_E]

I'm sure all of those large images that are already posted on your site used the [ img] bbcode.
The edits you will have to do are in your style's template directory.
Look at the template/bbcodes.html template for the img bbcode.
You can use that max-height and max-width on that img line if you want.
Then all of those old posted images will resize in your pages.

I wouldn't add another [image] bbcode... I would fix the one you have with that code or add lightbox to it.

[ Post made via HTC Inspire]

[_Chris_]

Many thanks - will work on this some more.