Show Thread Enhancements - Resize IMG tag with Highslide!

This is small hack and easy to resize large Images in [IMG] tag with using Highslide.

vBulletin Version: 3.6.x, 3.7.x and 3.8.x
File Edits: 0
New Files: Yes
Template Edits: 0
New Templates: 2
New Phrases: 11
Uses Hooks: 7
Setting: 5
Uses Plugins: Yes
Time to install: 1 minute max

New Install:

1) Upload folder highslide in your root folder.

2) Import file XMl via Manage Products ACP >> Plugins & Products >> Manage Products >> [Add/Import Product]


Upgrade from v 2.x.x:

1) Upload folder highslide in your root folder.

2) Import XML file via Manage Products
ACP >> Plugins & Products >> Manage Products >> [Add/Import Product]

Choose YES for Allow Overwrite


Upgrade from v 1.3:

1) Upload folder highslide in your root folder.

2) Reupload file includes/class_bbcode.php.

3) Import XML file via Manage Products
ACP >> Plugins & Products >> Manage Products >> [Add/Import Product]
Choose YES for Allow Overwrite

4) Revert template postbit_attachmentthumbnail.


Options:
ACP >> vBulletin Options >> HS IMG Tag Resize Options


History:
v 1.0 (04-03-2008) - First Released.
v 2.0 (30.08.2008) - Update mod

• Don?t edit file includes/class_bbcode.php
• Options for maxwidth and maxheight to resize

v 2.0.1 (05.09.2008) - Update mod

• Resize in Signature

v 2.0.2 (04.10.2008) - Update mod

• Add Resize IMG TAG in Blog Entry

v 2.0.3 (28.10.2008) - Update mod

• Add option for Signature (Enable/Disable)

v 2.0.4 (05.11.2008) - Fixed

• Don't Resize on Quick Edit
  

v 2.0.5 (13.12.2008) - Fixed

• Option for Signature don't work

v 2.1.0 (17.12.2008) - update

• Update with new Highslide ver 4.0.1
• Work fine with vBulletin 3.8.x (tested)

v 2.1.0 (20.12.2008) - fixed

• Just fixed some bugs with IE!
  

Thank you for using this mod!

That?s all
Have fun!

[Aligator21]

fixed it has an error in the first line of the product

[Playa82]

Originally Posted by furst

Is it supposed to apply the highslide to really small pictures too?

Even my tiniest pictures are effected by it, but not resized.

It's kinda annoying if you can't have it ignore small pictures.

Maybe I'm doing something wrong.

/* Start Image RESIZE */

$navigator_user_agent = ( isset( $_SERVER['HTTP_USER_AGENT'] ) ) ? strtolower( $_SERVER['HTTP_USER_AGENT'] ) : '';
if (stristr($navigator_user_agent, "msie")) {
return '<a href="' . $link . '" class="highslide" onclick="return hs.expand(this)" ><img src="' . $link . '" border="0" alt="" style="width: expression(this.width > 340 ? 180 : true);" /></a>';
} else {
return '<a href="' . $link . '" class="highslide" onclick="return hs.expand(this)" ><img src="' . $link . '" border="0" alt="" style="max-width: 430px;" /></a>';
}
/* End Image RESIZE */

^^^^ EDIT THIS NUMBERS ^^^^

That will fix your problem

[Aligator21]

I discovered one think.

If an image has a link, doesnt not open the link, its opening the image with this effect
is there any solution?

[Alex_Volovenko]

Nominated for MOTM! Thank you very much

[ry215]

Originally Posted by Alex_Volovenko

Nominated for MOTM! Thank you very much

Thank a lot! Hope you like this Mod.

[CrashPush]

This hack is great but how do I exclude signatures from using highslide. I edited the image sizes and it still does not exclude signatures.

What sizes have to be put for it to work correctly?

[Playa82]

Originally Posted by CrashPush

This hack is great but how do I exclude signatures from using highslide. I edited the image sizes and it still does not exclude signatures.

What sizes have to be put for it to work correctly?

Try this:

https://vborg.vbsupport.ru/showpost....5&postcount=32

[Playa82]

once again for everybody:

/* Start Image RESIZE */

$navigator_user_agent = ( isset( $_SERVER['HTTP_USER_AGENT'] ) ) ? strtolower( $_SERVER['HTTP_USER_AGENT'] ) : '';
if (stristr($navigator_user_agent, "msie")) {
return '<a href="' . $link . '" class="highslide" onclick="return hs.expand(this)" ><img src="' . $link . '" border="0" alt="" style="width: expression(this.width > 340 ? 180 : true);" /></a>';
} else {
return '<a href="' . $link . '" class="highslide" onclick="return hs.expand(this)" ><img src="' . $link . '" border="0" alt="" style="max-width: 430px;" /></a>';
}
/* End Image RESIZE */

----------------------------------------------------------------------------------------------------

(this.width > 340 ? 180 : true);

this width 340 ? means max size before the hack make it small to this size ? 180

u have to edit both numbers !!!

style="max-width: 430px;

here u have to add ur max size again !!!

i hope my english is not that bad ;-)

[anestetic]

MOVE don't worked my forum

[CrashPush]

Originally Posted by Playa82

once again for everybody:

/* Start Image RESIZE */

$navigator_user_agent = ( isset( $_SERVER['HTTP_USER_AGENT'] ) ) ? strtolower( $_SERVER['HTTP_USER_AGENT'] ) : '';
if (stristr($navigator_user_agent, "msie")) {
return '<a href="' . $link . '" class="highslide" onclick="return hs.expand(this)" ><img src="' . $link . '" border="0" alt="" style="width: expression(this.width > 340 ? 180 : true);" /></a>';
} else {
return '<a href="' . $link . '" class="highslide" onclick="return hs.expand(this)" ><img src="' . $link . '" border="0" alt="" style="max-width: 430px;" /></a>';
}
/* End Image RESIZE */

----------------------------------------------------------------------------------------------------

(this.width > 340 ? 180 : true);

this width 340 ? means max size before the hack make it small to this size ? 180

u have to edit both numbers !!!

style="max-width: 430px;

here u have to add ur max size again !!!

i hope my english is not that bad ;-)

Your English is a little hard to understand. You're not explaining what exactly has to be entered in the red. I entered all kinds of sizes and it doesn't work. Give an example of what number we have to input.

If you were doing it for your forum, what would you enter in those fields?