Major Additions - Image Resizer - CMS | Blogs | Posts | Signatures | Albums | VM's | PM's

Image Resizer - CMS | Blogs | Posts | Signatures | Albums | VM's | PM's - Using JQuery Script


This hack resizes LARGE images in CMS, Blogs, Posts, Signatures, Albums, Visitor Messages, Private Messages ...


Warning: Please note that this hack will resize all LARGE images in the IMG tags.
If you are using large images for your logo or background and they are in IMG tags they will be resized too.
This hack works perfectly fine with default vBulletin styles and in Internet Explorer 8, FireFox 3.5, Chrome and Opera.


You have the option to:

• Disable the hack.
• Choose default message for warning bar.
• Option to choose the height and width in CMS.
• Option to choose the height and width in Blogs.
• Option to choose the height and width in Posts.
• Option to choose the height and width in Albums.
• Option to choose the height and width in VM's.
• Option to choose the height and width in PM's.

LIVE DEMO
Username: demo
Password: demo



Installation:

Upload jquery.min.js to clientscript folder.
Import the XML file via Plugins & Products > Manage Products > Add/Import Products.

Note #1. This script will work after page is fully loaded. While the images are being downloaded they will be seen in full size.
Note #2. At the moment there is option to resize/exclude images in signatures. Signatures will be resized to the same size as posts.


If you have a LARGE LOGO and you dont want resized, do this:

In the header template find:

<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>

Replace it with: (Edit the height and width in the above code to the size of your logo.)

<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image" title="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}">
<span style="background: url({vb:stylevar titleimage}) no-repeat; width:600px; height:120px; display:block"></span></a></div>

And this for other images you don't want resized:
Normal img tag:

<img src="image.png" width="600" height="120" border="0" alt="" />

Edit it to for this hack:

<span style="background: url(image.png) no-repeat; width:600px; height:120px; display:block"></span>

_________________________________ _________________________________

Please nominate this modification for the MOTM.
Please support me by donating ... click the link on the right. (Support Developer)
Please remember to click Mark as Installed if you use this hack.
_________________________________ _________________________________


13 March 2010
Version: 1.0 Released


.

[Diablotic]

Tagged for future use when this mod is polished

[Honk0815]

Holy crap ...


This mod RE-SIZES my FORUM LOGO. ( On the forum home only )

UNINSTALLED.
Reply With Quote

self Problem

[Kolbi]

Thank you!

Will install it in a few minutes.

[Kolbi]

Can you minimize the jquery.min.js file?

Because it is loaded on every page.

[Seven Skins]

.



LIVE DEMO adeed.

Originally Posted by Extra PC

tested but it's not work like your old Mod https://vborg.vbsupport.ru/showthread.php?t=237650

it's open the image in new window not in the same page

I may add this in the update.

Originally Posted by Forum Lover

KJ, I am using other mod. What is the major difference?

This hack does all CMS,Albums, etc .... where as other does not.

Originally Posted by SwollenCranium

Holy crap ...
This mod RE-SIZES my FORUM LOGO. ( On the forum home only )
UNINSTALLED.

I have updated the hack Info ... read info about how to sort out LARGE logo's.

[Seven Skins]

Originally Posted by Kolbi

Can you minimize the jquery.min.js file?

Because it is loaded on every page.

I will add conditional in the next update to exclude this from some pages.

[tafreeh]

good one.. but here is what i want...

I want signatures to resize, but i do not want to show that yellow strip on top of the image, that says "click here to view the full size image" .. but at the same time i want that to show to in post...

Is it possible to do that?

[AzzidReign]

Just what I was looking for!

[Seven Skins]

Originally Posted by tafreeh

good one.. but here is what i want...

I want signatures to resize, but i do not want to show that yellow strip on top of the image, that says "click here to view the full size image" .. but at the same time i want that to show to in post...

Is it possible to do that?

Not with this hack. You may reduce the size of warning box or remove the warning box and just leave the message only.

[ximcix]

I'm using the other hack & loving it. the only downside it has is that i can only set width

I would love to be able to limit both the height & width (which this new version allows) but without having to manually make template changes. Most of the themes I use have large headers & my forum has several themes.

Even though the addition of lightbox would help make it more fancy (would be sweet if it could be coded to make use of vB's lightbox), it really isn't needed.

Just a simple hack that resizes large images posted by the members in specified regions is all we need.