Show Thread Enhancements - CES Dynamic [IMG] Resize (Plugin Version)

CES DYNAMIC [IMG] RESIZE
Version: 1.2.2

This mod is based on TECK's Dynamic Picture Resize for [IMG] tag mod. I made this mod after seeing a discussion in the thread about the potential number of file edits necessary to add some requested features, and then realized the entire mod could be accomplished with essentially just 1 plugin. TECK suggested that for ease of support I release my updated product file in a new thread, so here it is.

*** NEWS ***
7/8/2009 - v1.2.2 released
9/23/2007 - v1.2.1 released
9/21/2007 - v1.2.0 released
9/13/2007 - v1.1.0 released
9/11/2007 - v1.0.4 released
9/9/2007 - support thread opened, v1.0.1 - 1.0.3 released
9/8/2007 - v1.0.0 released

Products to Install: 1
Plugins Included: 7
Files to Upload: 0
New Templates: 1
Template Edits: 0
Files to Edit: 0

What It Does:
When using the [IMG] bbcode tag, a user may add an image to his/her post that is too ginormous for your intended vBulletin style, pushing things out of the way, and not looking particularly nice. This hack resizes oversized images to specified acceptable dimensions, anywhere that the [IMG] tag is used.

Current Features:

• show a disclaimer when an image has been resized (option)
• clicking the image opens in parent or new window (option)
• multiple images on a line will be resized so their total width is below the set max

Known Issues:
- None

*** Changelog ***
As of Version 1.2.2:
- bug fix: XSS flaw

As of Version 1.2.1:
- bug fix: table explosion

As of Version 1.2.0:
- new feature: max width sharing for multiple images on a line
- bug fix: onclick interferes with [url]
- bug fix: onclick properties not passed to resize disclaimer
- bug fix: images separated by line breaks
- bug fix: [img] ignores [noparse]

As of Version 1.1.0:
- new feature: maximum height
- extended: maximum width can be in pixels or percentage
- bug fix: resize message class not set in Internet Explorer
- updated templates: dynamicpic_script

[thincom2000]

I hate IE. I have managed to fix everything you mentioned above except the background color. The problem is that IE is inheriting the background-color from the postbit, and then ignoring anything afterwards.

[Stoebi]

Hi

thank you very much for your quick answer.
To solve the background-color for IE 7 you need to add this peace of code to this line:

return ($dynamicpic['note_true'] ? "<div class=\"resizednote\" id=\"$link\">" : "") . "<img src=\"$link\" border=\"0\" alt=\"\" $dynamicpic[image] />" . ($dynamicpic['note_true'] ? "</div>" : "");

Regards,

Stoebi

[thincom2000]

But that is not the resized note div. That is a containing div... Doing that makes a huge undesired color splotch, if your image is smaller than necessary to be resized.

Also that causes the message not to display at all in IE7.

[Stoebi]

Hm

you need to re-edit and save your post with your image. Suspect, i will searching for another way


Regards,

Stoebi

[thincom2000]

Hm... I found another bug when the resize message is enabled. If you click to View Selection Source in Firefox, it runs onload() again, and duplicates the image every time you do this. This bug has been addressed in the next release.

Still clueless about the IE background... Maybe it has something to do with the order IE runs CSS and Javascript. Does anyone know anything about IE?

[xandizitxu]

For me works great! I use firefox

Use FIREFOX and be happy!

PS: On IE don't work O.O

[Stoebi]

IE and setAttribute()
http://www.quirksmode.org/dom/w3c_core.html#attributes

I've no ideas or workaround atm.

Thx for 1.0.4

[thincom2000]

Thanks for the link. I was able to get the class to set in IE.

In the template, find:

			wrap.setAttribute('class', 'resizednote');

Replace with:

			wrap.setAttribute('class', 'resizednote');
			wrap.attributes['class'].value = 'resizednote';

This will be included in the next build.

[xandizitxu]

I will wait for the next so! \o/

Great mod!

[Stoebi]

Thx a lot, it works for IE now


Regards, Stoebi