New Image Tag to reduce Imagesize

[utw-Mephisto]

I had this done with Deaths (https://vborg.vbsupport.ru/member.php?u=66116) with version 3.0.7 but it applies here as well of course.

This is not really professional but ey, it works for me :)

To post an image you usually use [IMG].

You can create another tag, let's say for oversized images.

Go to your admincp

Admincp => Custom BB Codes => Add New BB Code

Title : Whatever you want
Tag : imgo
Replacement : <a href="{param}" target="_blank"><img border="0" width="400" alt="Thumb resize." src="{param}" /></a>
Example : [imgo]http://img96.imageshack.us/img96/7499/gibraltar12804sx.jpg (you need an example otherwise it will displays only the link)
Description : Whatever you want
Use {option} : No
Button Image (Optional) : Well, optional

As I said, it is not the best, professional one, but usefull. The dark side of that one is when using with picture smaller than 400 pixel width :) It'll be resized also ....

Original Post / Version 3.0.7 (https://vborg.vbsupport.ru/showthread.php?t=76622)

[TCM]

Uh.... the height remains, so the image will be disorted. 'cause it's client-side, they'll still download the full filesize of the full image, which defeats the purpose of thumbnails in many applications. What's the point?

[utw-Mephisto]

The point is to avoid the forum being disorted (optic wise) ...

[Jenta]

Uh.... the height remains, so the image will be disorted. 'cause it's client-side, they'll still download the full filesize of the full image, which defeats the purpose of thumbnails in many applications. What's the point?

ive been using something similar for years and the images dont distort at all without a height attribute

<a href="{param}" target="_blank"><img src="{param}" width="640" border="4" alt="Click the image to view the full version" /></a><div align="center"><b>Click the image to view the full version.</b></div>

[Brinnie]

It's "Dimensions"... Not filesize. Get it right.

[ggiersdorf]

ive been using something similar for years and the images dont distort at all without a height attribute

<a href="{param}" target="_blank"><img src="{param}" width="640" border="4" alt="Click the image to view the full version" /></a><div align="center"><b>Click the image to view the full version.</b></div>

where do you put that Jenta?

[utw-Mephisto]

where do you put that Jenta?

At "Replacement" ....

[Wayne Luke]

Uh.... the height remains, so the image will be disorted. 'cause it's client-side, they'll still download the full filesize of the full image, which defeats the purpose of thumbnails in many applications. What's the point?

Actually, this is a common technique. If you only specify one dimensional attribute, the browser will automatically scale the other to match.

[ricker]

Cool! Thanks for sharing.

[Allan]

Thanks you for sharing :)

[akanevsky]

Actually, this is a common technique. If you only specify one dimensional attribute, the browser will automatically scale the other to match.

Really? That's useful, and I didn't know that :)

[Ryan McBain]

So what's the right way to do this step by step? I can't get this to work. When I do it, all I see is broken code and red X.

[Ryan McBain]

anyone?

[utw-Mephisto]

I put all the details in the first post which are running since vb3.5 RC1 on ut2007world.com ...

Be sure you have also insert an example, otherwise it won't work ..

[PennylessZ28]

How can I just replace the standard IMG tags with this?

[utw-Mephisto]

that would require file edits afaik ...

[ggiersdorf]

utw-Mephisto can you tell us what file edits and how?

[utw-Mephisto]

Good question, like out of my belly I would say <forum-root>/includes/class_bbcode.php

But I haven't checked the functions in there tbh .... I try to find something more specific, but until then, just take a look yourself, you might be faster finding what you need ;)

edit

I was close :)

There you go : https://vborg.vbsupport.ru/showthread.php?t=92882

[ggiersdorf]

hey Utw- Not sure if thats the same thing that link pust scroll bars on the screen. I would like to use this new custom BBCODE in place of the IMG tag or modify the IMG tag to do what this custome BBCOD does. Can this be done if so how!?

[utw-Mephisto]

The only way to change the [img] is in that file (class_bbcode.php) - I don't know another way ...

[ggiersdorf]

The only way to change the [img] is in that file (class_bbcode.php) - I don't know another way ...

I understand that, but the link you sent me to was not a way to replace the IMG tag with this shrinking tag, it was a way to make the img tag leave the image the size it is but add scroll bars to it, I wanted a way to make the img tag by default (shrink the image) to size X

[ricker]

How do we specify that this new image tag (mine's called "sized") created can't be used in signatures? I've had someone find the loophole.

[seg]

There is "Allow [IMG] Code in Signatures" in vBulletin Options. Is there a loop hole to get around this?

How do we specify that this new image tag (mine's called "sized") created can't be used in signatures? I've had someone find the loophole.

I am sure others have done this. I wanted to restrict the image size, but allow readers to click out to the original image for copyright purposes. I adpated this code from: https://vborg.vbsupport.ru/showpost.php?p=771916&postcount=22

In the file: /includes/class_bbcode.php

Find:
return '<img src="' . $link . '" border="0" alt="" />';
Replace with:
return '<table width="300 border="0"><tr><td><a href="' . $link . '" target="_blank"><img src="' . $link . '" border="0" alt="" style="max-width: 300px;" /></td></tr><tr><td><div align="center" style="font-size: 10px;"><a href="' . $link . '" target="_blank">View Original Image</a></div></table>';

[beano33]

How can I just replace the standard IMG tags with this?

Just turn them off in forums and signatures so they can't be used.

In the Add New BB Code field for Button Image put in the path for your insert image button.
eg. Button Image: images/editor/insertimage.gif

Then your editor toolbars will have the same button using the new bbcode.

[G_Man]

Worked a trick for me. Certainly not foolproof, but what is!?!? Fools are so ingenius afterall. ;)

Thanks

[X-Vert]

anyone here? lol

sorry for bringing back and old thread but I need some help.

I installed the new tags and they work great. Now... how can i get the tag image to show up in quick replies? It only shows up when ever I "Go Advanced".

Please reply asap, thanks !