Auto resize large image

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):

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

Replace with:

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:

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

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

[Freesteyelz]

Originally Posted by Barakat

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

Actually a better way (without editing a .php core file) is to modify the template "postbit" or "posbit_legacy" such as:

Find:

<!-- message -->
<div id="post_message_$post[postid]">$post[message]</div> <!-- / message -->

Replace with:

<!-- message -->
				<div id="hideauto">
<div id="post_message_$post[postid]">$post[message]</div>
				</div>
<!-- / message -->

And in the Main CSS in the " Additional CSS Definitions " add:

#hideauto {
width:540px;
padding-bottom:10px;
overflow:auto;
}

1. Change width to specified dimension.
2. Padding is to prevent images (smilies) from being cut off.
3. Overflow can be set to "auto" (for scrollbars) or "hidden" (cutoff excessive images).

*Again, no .php files have been modified for this to work.

[Mr Chad]

Originally Posted by Allan

so , don't work with IE

Works great with IE and FF... Only one out that works this good.

Currently useing it on VB 3.5.4

[drewclark]

This is working great in my forums but I use CMPS and it doesn't resize the images that get featured in the news section (pulled from the forums). Any clues on how to get those resized, too? They're the bigger problem for me as the oversized images distort the homepage worse than the forums...

[bhxtyrant]

Hey guys,I was looking for something like this for my forums but having a bit of a problem.I installed this mod and it seems to work sometimes but other times it doesnt.For example i made a test thread and posted a large image around 1024x768 width.I have the mod set to reduce the image to 600px width.It seems to work but if i refresh the page then it is huge again and the only way to get it back to the reduced size is edit the post and save it again.

Small edit:
This seems to work in firefox but the problem occurs in the latest version of IE6.Peraps due to cookies?I tryed deleting temp files to see if that was the cause but problem persists.

[jamiepryer@hotm]

anyone got an example of this working please?
some screen shots please :tu

[bhxtyrant]

Small update again.I notice that this mod is working in other area's such as "view single post" but only not in "Showthread" it seems to be my custom theme that is causing the issue and it seems to work fine on Vb's default theme.I've been going through the code in Showthread template but i cant seem to find whats causing the problem.Anyone think they can assist me?

[bhxtyrant]

Is this mod still supported?

[PJSkiboy]

I installed this in my custom theme and it does not work. I have no idea which mod has this messed up. That's a lot of mods to look through.........eeeeesh.

[WeArab]

Hello,

Great add-on, thank you!

When VB 3.6.0 would be supported?

[Eagle Creek]

Extreme great!!!!!!!

Thankyou!