The Arcive of vBulletin Modifications Site.

Auto resize large image · **Released**: 10-24-2005

In fact this is a work around for the auto resize feature to work with the WYSIWYG editor.

Step1. In includes/class_bbcode.php

Find (in line around 18xx):

Code:

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

Replace with:

Code:

return '<img src="' . $link . '" onload="if(largerThan(this.width,700)) {this.width=700;this.alt=\'Click here to see a large version\';}" onmouseover="if(this.alt) this.style.cursor=\'pointer\';" onclick="if(this.alt) window.open(\'' . $link . '\');" border="0" />';

Step2. Modify the common template of your template set

Add this to the headinclude section:

Code:

<script type="text/javascript">
function largerThan(a,b)
{
return a>b;
}
</script>

Demo:
http://talkmusic.org/showthread.php?t=3165

swantonio · #2 10-25-2005, 04:28 PM

good grazie ... .-)

Allan · #3 10-25-2005, 04:41 PM

Simple effective, I like

congratulation

"Click Install"

nokturno · #4 10-25-2005, 05:30 PM

congratulation

Pramodinfo · #5 10-25-2005, 06:23 PM

*Clicks Install*

Thanks

CBE · #6 10-25-2005, 07:47 PM

This is the best image resizer i have seen,,
thank u very much

COBRAws · #7 10-25-2005, 08:25 PM

What's the way for adding a text that says something like "Click on the image to see orginial size"?

ORIGINAL MOD:

Code:

return '<img src="' . $link . '" onload="if(largerThan(this.width,700)) {this.width=700;this.alt=\'Click here to see a large version\';}" onmouseover="if(this.alt) this.style.cursor=\'hand\';" onclick="if(this.alt) window.open(\'' . $link . '\');" border="0" />';

WITH TEXT BELOW:

Code:

return '<img src="' . $link . '" onload="if(largerThan(this.width,700)) {this.width=700;this.alt=\'Click here to see a large version\';}" onmouseover="if(this.alt) this.style.cursor=\'hand\';" onclick="if(this.alt) window.open(\'' . $link . '\');" border="0" /><br /><p>Click on the image to see original size<p />';

Someone please tell me if this is ok.

Barakat · #8 10-25-2005, 10:48 PM

iam useing this and its usefull also .
in the same file and the same code just find this code :-

PHP Code:


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

replace it with :-

PHP Code:


			return '<div style="width: 800px; overflow: auto;"><img src="' .  $link . '" border="0" alt="" /></div>';

it will give u a frame on large pictures and will save ur style as it is .
just choose the width as u want the picture to be shown and thats all ...

any way i will try ur code also

Xplorer4x4 · #9 10-26-2005, 06:57 AM

This belongs in the code modification forum as it it edits one of the orignal vB scripts.

Snake · #10 10-26-2005, 07:24 AM

I've been looking for this. Thanks!