Image auto resizer

Hello first post \o/. I'm a long time vB lover/coder, first time poster here (having purchased my own liscence earlier... no more hanging off friend's forums for me).

Brief outline:

This mod is designed to prevent images horizontally stretching the screen, while giving you the ability to revert them to their full size if you wish.

How does this affect the user

This is a silent script - after its installation, there is no configuration or further modification required.

Lets see it then!

There are two images of the mod in action attached.

What versions will this support?

Defiantly 3.5.3 and 3.5.0 (I believe it was RC2) although it was a slightly different string you needed to search for in the php file, but it's in essentially exactly the same. I imagine that with a little messing around, it'll support earlier versions also.

Installation:

First, download the attached zip file (autoresize.zip). A copy of these instructions are also there.

Upload autoresize.js to /clientscripts/ from your forum directory.

Log into your forum admin panel, go to styles & templates > style manager > edit templates.

Edit the "SHOWTHREAD" template (Under Show Thread templates), find </head>

Just above it, add

<script type="text/javascript" src="clientscript/autoresize.js"></script>

Save it.

Repeat, adding it in the same place to the newthread template.

Now, from your forum directory, open /includes/class_bbcode.php

search for:

return '<img src="' .  $link . '" border="0" alt="" />';

Replace it with:

return '<div style= "display: none; background-color: black; color: white" onClick="catflap_toggle_image_size(this); return false">&nbsp;</div><img src="' . $link . '" onLoad="catflap_resize_image(this); return false;" border="0" />';

Give it a test, under different templates with different boundaries, it may well still stretch the table make the image a little/be a little too small.

Should this be the case, open /clientscript/autoresize.js

modify the 100 in

size_available = winwidth - 100;

either up or down (start by moving it up and down in 100's, then when it gets closer to perfect, 10's) until an image that would normally stretch the table fits completely within the forum boundaries. 100 is perfect for the default vbulletin 3.5.3 template.

Enjoy! If you have any problems, just give a shout and I'll do my best to put you right. All feedback/suggestions are also welcome.

[YUKS]

Now it's work for me. Thanks himring.

[Nebur]

weel thnx for the script, the problem is that it works fine on Firefox but not at IE:

See it : http://www.overpal.com/showthread.php?t=85

Try with firefox and IE.

Using Ie dont work, any idea of whats happening?

There is any other kind of script to autoresize images?

[nyunyu]

Originally Posted by Nebur

weel thnx for the script, the problem is that it works fine on Firefox but not at IE:

See it : http://www.overpal.com/showthread.php?t=85

Try with firefox and IE.

Using Ie dont work, any idea of whats happening?

There is any other kind of script to autoresize images?

Tried with both firefox and IE..didnt see whats wrong..maybe you use earlier version of IE or you didnt enable the javascrip thingy in its setting..

by the way, anyone can tell me if this hack can be used with 3.5.4?

[youradhere4222]

This works nicely on 3.6.8, but when you click the button to make it full-size, it does nothing. Great mod, aside from that. [;

[nyunyu]

This hack is officially being use in my forum. Due to our members who is too lazy to go and upload their images to free image hosting, this hack was extremely popular..

Thanks to the coder for making this wonderful hack.

http://animeproject.nyunyu.info