Add-On Releases - Image Resizer

Modfication Unsupported: This modfication is now unsupported, due to lack of time to work on it. However, TCattitude has continued development and added many cool NEW features. You can see the updated version here: https://vborg.vbsupport.ru/showthrea...=Image+Resizer

Image resizer for vBulletin version 3.6 and 3.7.
version: 1.0.2

Please remember to click Mark as Installed if you use this modification. Support questions from members who have not marked this as installed will be considered low priority.

What is this?
This resizes images in post that are bigger than the set dimensions in your AdminCP options. It also adds an information bar (which is not displayed when the image isn't resized) giving information about the original dimensions and filesize. Filesize is only supported on Internet Explorer, other browsers don't reveal this information through javascript.

Configuration
Please read the included readme.html

A big thanks to Spleasure, who actually created this product. He has given me the rights to the code, so I will be keeping it going for future versions, fixing any bugs, and adding new features.

Thanks, and Enjoy.

Please report bugs, or feature requests into this thread.

Thank you.

[D.Baker]

Hey Jase, any luck getting it to work with Lightbox?

[Jase2]

Originally Posted by Ingress

Thanks, installed on 3.7.2 and working nicely ;-)

Noticed a minor CSS-flaw that caused the text-alignment of the warning to behave differently in Firefox and MSIE 7.

In MSIE it was centered, in FF it was not, fixed it this way:

In product-imageresizer.xml

search for

table.ncode_imageresizer_warning td {
	font-size: 10px;
	vertical-align: middle;

add after:

text-align: center;

The just upgrade the product and choose overwrite.

That's all ;-)

Ingress

Good catch. Will include it in an update soon.

Originally Posted by D.Baker

Hey Jase, any luck getting it to work with Lightbox?

No, sorry. I have 101 things going on at the moment. I should have an update soon to fix a few bugs and to clean a few things here and there, tho'.

[Jase2]

Originally Posted by aramiK89

Hey, just need to check - once this is added it won't give birth to the security token error?

Has the line of code been added so that it works with the security token feature?

Just been having a lot of issues with this + mods

Thanks!

Yes, it has been added.

[TCattitude]

I make it work with Lytebox and Highslide. You need some changes in the function that parse the "img tag" in the html, but is really simple.
Is a fork of this, so... Jase2, if you want, i can give you the details yo include those in the product. I don't want to release a separate one, cause still using the ncode's javascript to resize large images, i just change the way they open for the user.

[Jase2]

TCattitude, feel free to private message me the changes and I will review when time permits.

[D.Baker]

No probs Jase. I've PM'd tCat, maybe he can help.

Could you please add the 2px margin around the thumbnails at least? You images sit flush on top of each other, rather than have a 2px margin like attached images do. See here for example.

[Dean C]

I've just installed this and the images aren't resizing at all. What can I do to debug the problem?

[Jase2]

Hmmm.... what version of vBulletin are you running? Also, are you sure the image is bigger than the set dimensions in ACP?

[Raptor]

Originally Posted by Raptor

works great however doesn't resize if an image is within spoiler tags

here is the BB code for my spoiler tags - what would i need to change to sort this ?

many thanks

<div style="margin:5px 20px 20px 20px">
	<div class="smallfont" style="margin-bottom:2px"><b>Spoiler:</b> <input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"></div>
	<div class="alt2" style="margin: 0px; padding: 6px;">
		<div style="display: none;">
		{param}
		</div>
	</div>
</div>

anything guys ? im sure im not the only one with this small problem

[Alliya]

Is it possible to use this without the information bar on top of the image?