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!

[wapsilog]

super cool... awesome mod...
best ever...

[DieselMinded]

/me uninstalled due to xhtml errors in the validation and IE throwing errors

[nikosb]

Originally Posted by RedHacker

With BBCode Hidden are problem the HighSlide..!!!Why....?

i have the same problem

[DieselMinded]

linked images didnt work either

[SEW810]

Linked images like imageshack sometimes are NOT resized by the MOD.
Another thing, my forum goes a little bit slow when the mod is On. :'( Pretty bad.

Edited:

Almost forget... usin' IE here!!!

[Phantasmagoric]

Originally Posted by MissKalunji

I found it

in class_bbcode

$replace[] = "<a href=\"{$this->registry->options['bburl']}/attachment.php?{$this->registry->session->vars['sessionurl']}attachmentid=\\1&amp;d=$attachment[dateline]\" $addtarget><img src=\"{$this->registry->options['bburl']}/attachment.php?{$this->registry->session->vars['sessionurl']}attachmentid=\\1&amp;thumb=1&amp;d=$attachment[thumbnail_dateline]\" class=\"thumbnail\" border=\"0\" alt=\""

Search for

and replace it with :

$replace[] = "<a href=\"{$this->registry->options['bburl']}/attachment.php?{$this->registry->session->vars['sessionurl']}attachmentid=\\1&amp;d=$attachment[dateline]\" $addtarget class=\"highslide\" onclick=\"return hs.expand(this)\"><img src=\"{$this->registry->options['bburl']}/attachment.php?{$this->registry->session->vars['sessionurl']}attachmentid=\\1&amp;thumb=1&amp;d=$attachment[thumbnail_dateline]\" class=\"thumbnail\" border=\"0\" alt=\""
									.

I've put in bold all i added to make it work.

Thanks!

Could ask a question please!
A long shot maybe, would you happen to know how to get that solution to work with 3.8.1, the lightbox that comes with 3.8 has a habit of not displaying attachments at 100% causing the images to be out of focus. This mod is fantastic when handling the img bbcode tags, I'd be over the moon if this mod could handle attached images as well.

[opl]

Well it is Loading and loading picture for years now
No like in demo.

[ABDALWAHID]

Originally Posted by Golzarion

Thanks for update.
Although I have one strange problem when I use this hack on my Persian language ( Right_to _left language ) ! I try to fix it ...

**********
Edit :
**********
If you replace the "hs_headinclude" codes with the code below it will be xhtml valid !

            <!-- HS Images Resize -->
            <script type="text/javascript">

            <!--
            folder="./highslide/";
            //-->
            </script>
            <script type="text/javascript" language='javascript1.2' src='./highslide/highslide.js'></script>
            <link rel="stylesheet" type="text/css" href="highslide/style.css" />
<script type="text/javascript">
hs.registerOverlay(
    {
        thumbnailId: null,
        overlayId: 'controlbar',
        position: 'top right',
        hideOnMouseOut: true
    }
);
hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.restoreTitle = 'Click to close, use arrow keys for next and previous';
hs.loadingText = 'Loading...';
hs.fullExpandTitle = 'Expand to actual size';
hs.focusTitle = 'Click to bring to front';
hs.loadingTitle = 'Click to cancel';
hs.align = 'center';
hs.easingClose = 'easeInQuad';
hs.expandDuration = Math.max(1, 300);
hs.restoreDuration = Math.max(1, 300);
hs.expandSteps = 20;
hs.restoreSteps = 20;
hs.showCredits = false;
hs.captionId = 'the-caption';
hs.captionSlideSpeed = 0;
hs.allowSizeReduction = false;
hs.dimmingOpacity = 0.7;
hs.dimmingDuration = 100;
hs.spaceForCaption = 50;
</script>
<script type="text/javascript">
        hs.easing = 'easeInBack';
</script>
<script type="text/javascript">
        hs.allowSizeReduction = true;
</script>
<script type="text/javascript">
        hs.easing = 'easeInBack';
</script>
<script type="text/javascript">
        hs.allowSizeReduction = true;
</script>
<script type="text/javascript">
<!--
HSImageResizer.MAXWIDTH = $vboptions[hs_maxwidth];
HSImageResizer.MAXHEIGHT = $vboptions[hs_maxheight];

//-->
</script>
            <!-- / HS Images Resize -->

Author : Please link this code on first post or change the xml file if it is possible.

thanks.

hello can you this update. its not working

[sNator]

Thanks for this supermod.
How can I make this mod work with vBlog?

[firas]

great hack...too bad it does not work with IE