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

[evenmonkeys]

Well, what I don't like about this so far is that it's never working on IE for me, and it also limits the size in the signatures. I'm looking for something that is only limited in the post and the signature limits do their own work. >_<;

[ferrarislave]

Originally Posted by xYarub

Well, what I don't like about this so far is that it's never working on IE for me, and it also limits the size in the signatures. I'm looking for something that is only limited in the post and the signature limits do their own work. >_<;

Mod is not working for me in IE either, only in FireFox, what gives? Can someone help!!?

[Vtec44]

What version of IE are you guys using? I'm using IE6 and it seems to be working fine.

[ggiersdorf]

Mabey it has something to do with where you place it? Vtec please post a few lines above and below where you posted the text and anything else that might help us. I cannot get it to work either on my site Firefox fine, but ie 6+ does not.

[DanLai]

Some guide questions for users in trouble (with IE), please answer them so I could have the clue to solve your problem.

1. Can you see the demo working on IE? (Can -> 2, Cannot->3)
2. Please let me see your forum page where this mod is applied.
3. If you cannot see it working, what version of IE are you using?

Thanks!
DanLai.

[ggiersdorf]

Example:

http://www.sonyverse.com/forum/showthread.php?t=11

here is my 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" />';


in Firefox it resizes fine in IE this is what I get..

[kONGO]

Originally Posted by ggiersdorf

Mabey it has something to do with where you place it? Vtec please post a few lines above and below where you posted the text and anything else that might help us. I cannot get it to work either on my site Firefox fine, but ie 6+ does not.

It's in the PHP function handle_bbcode_img_match you need to make the change. In that function it is quite clear where the change must be applied (it's a very small function).

Also, as an addition, there is no need to define the largerThan() function. Using

if (this.width > 700)

works just as well. I've tested this and it works beautifully on Firefox 1.5b2, IE6sp1, Opera 8.

[ggiersdorf]

Kongo IM new sorry can you please explain where and what needs modified for us so we can enjoy the benifits of this mod?

Thanks in advnace..

Look at my code above thats in the bbcode php file

[kONGO]

I have modified the original HTML a bit, since I didn't like it. I use the title attribute instead of the alt attribute, since HTML standards state that the alt attribute is to be used by screen reading software, whereas the title attribute is usually used to display a 'tooltip' when the mouse is positioned above the element in question.

Also, the hand pointer one sees when the mouse is moved over a link is actually a cursor called pointer, not hand, in the standards.

So, I use this code:

return '<img onload="if (this.width > 700) {this.width=700; this.title=\'Click to view normal size\';}" onmouseover="if (this.title) {this.style.cursor=\'pointer\';}" onclick="if (this.title) {window.open(\'' . $link . '\');}" src="' . $link . '" border="0" alt="" />';

I modified the handle_bbcode_img_match function in the file includes/class_bbcode.php.

Works in all browsers I've tested it in. If it works in Firefox but not IE, I would say the best bet is to check the IE settings. JavaScript may be fully or partially disabled.

[DanLai]

Originally Posted by ggiersdorf

Example:

http://www.sonyverse.com/forum/showthread.php?t=11

here is my 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" />';


in Firefox it resizes fine in IE this is what I get..

I see the mod working for your site in IE. Maybe the mod is affected by some Javascript settings in IE? What version of IE are you using?

Originally Posted by kONGO

It's in the PHP function handle_bbcode_img_match you need to make the change. In that function it is quite clear where the change must be applied (it's a very small function).

Also, as an addition, there is no need to define the largerThan() function. Using

if (this.width > 700)

works just as well. I've tested this and it works beautifully on Firefox 1.5b2, IE6sp1, Opera 8.

The ">" will cause problem when you try to edit the post.

Good to see everyone helping out each other.

Thanks,
DanLai.