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

[DanLai]

Moreover, the mod has changed the "hand" to "pointer", as kONGO suggested. :devious: Thank you kONGO for this.

Thanks,
DanLai.

[kONGO]

Originally Posted by DanLai

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

Right you are. I knew there was a reason for that function definition, just couldn't figure out why so I changed it. Slap me twice and call me Rhonda.

Glad I could help re: the cursor thing.

[evenmonkeys]

It's sort of working on IE now, 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. >_<;

[wrang]

Great i run VB3.5.1 and it work realy nice
and it work on IE 6.0.290

Great job

My link that it works
http://www.saltvattensguiden.se/foru...ead.php?t=9172
(The hole site is in Swedish and about marinaquarium)

[COBRAws]

Originally Posted by xYarub

It's sort of working on IE now, 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. >_<;

how u made it work? Its not working for me under IE, but it works on FireFox. hehehe Uncle Bill doing funny things again :P

[ggiersdorf]

Originally Posted by 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.

what did you modify in /includes/bbcode I found handle_bbcode_img_match twice but what do I need to modify in those lines!?

[ggiersdorf]

I added your code, but didnt understand what elese you modified or how?

[ggiersdorf]

ok guys I figured out something here. For whatever reason and I hope you can tell me. The First time I go to the site the image will resize in IE. after that it never does it again unless I totally clean my IE settings cache etc. Than it works again 1 time

I tried this from 3 seperate PC's using ie and got the same problem in Firefox it works 100% all the time. Anyone know how to fix that on IE 6+??

[mustang_lex]

How does it effect the top main logo if its dimentions are more then the resize limit. Will it effect the logo like other auto resize scripts.

[ggiersdorf]

anyone supporting this anymore!?