vb.org Archive - Auto-Resize Large Images

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.5 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=113)

- - Auto-Resize Large Images - EASY Version (https://vborg.vbsupport.ru/showthread.php?t=124265)

paul41598

08-17-2006 10:00 PM

Auto-Resize Large Images - EASY Version

Description:
Auto Resizes in showthread those dam large images people post constantly. On the fly and very fast.

Inspiration:
- I just found out I needed an autoresizer, and tried about 3 of them on here with NO luck. They didnt work whatsoever for whatever reason. I remembered having this piece of code on my 3.0.7 series, and tried it in 3.5.4. Too much luck, a little simple javascript goes along way... ;)

Compliancy:
Tested & Verifed in both I.E & Firefox

Open up headinclude (Add Anywhere)

PHP Code:


		
			
<if condition="THIS_SCRIPT == 'showthread'">



<script type="text/javascript">

function resizeImages() {

  if (document.images) {

    var mw = 640;

    var mh = 480;

    for (var ii = 0; ii < document.images.length; ii++) {

      var i = document.images[ii];

      var iw = i.width;

      var ih = i.height;

      if (ih > iw && ih > mh) {

        i.style.height = mh + 'px';

      } else if (iw > mw) {

        i.style.width = mw + 'px';

      }

    }

  }

}

if (window.addEventListener) {

  window.addEventListener('load', resizeImages, false);

} else if (window.attachEvent) {

  window.attachEvent('onload', resizeImages);

} else {

  window.onload = resizeImages;

}

//-->

</script>

</if>

If you want to adjust the size, alter the variables:

var mw = 640;
var mh = 480;

Click INSTALL if you like!

shadowevil

08-18-2006 01:08 AM

Mod nice ... *install*

utw-Mephisto

08-18-2006 02:20 AM

Curious, does it enlarge smaller images ?

Jayphen

08-18-2006 03:48 AM

Quote:

Originally Posted by utw-Mephisto

Curious, does it enlarge smaller images ?

From looking at the code, no - it only resizes images if they are larger than the specified amounts (mw and mh)

Billspaintball

08-18-2006 05:17 AM

Cool. :)

Any possibility of making it a plugin so there is no manual editing involved?

Gbml2u

08-18-2006 06:15 AM

used it :)

sinn3d

08-18-2006 06:19 AM

Dear Paul.

Im looking for a nice easy imageresizer like this to 3.6.0. Will there come a release for it :)

ubblite

08-18-2006 06:49 AM

3.6.0 version would be nice unless this hack already works with it.

ehsanix

08-18-2006 07:06 AM

thank u

Mith	08-18-2006 08:46 AM

This hack DOES work in 3.6

HOWEVER:

Unfortunately, not only does it downsize the images in posts nicely and correctly, but it also dowsizes the banner on your page too.

Is there a fix or workaround for it doing that (is there a way to make that apply to only images in posts ?)

Other than that, good mod, I like!

paul41598

08-18-2006 11:40 AM

If you make your variables larger than your banner, you will have no problems. Im sure your banner isnt larger than 640x480 anyways, if it is, then that can be a problem, yes.
var mw = 640;
var mh = 480;

Yes it should work for 3.6

Mith	08-18-2006 12:18 PM

My banner is the full width of the screen, and my forum is best viewed 1024 x 768, therefore my banner is larger than what you state.

The problem is, I like the mod, and it works well... but I don't want it to apply to the website banner.

The question is: Is there somewhere that code can be placed where it will apply to only posts and not the whole page?

Cheers

Rich	08-18-2006 01:23 PM

Hello,

With this installed, can the user click the image and view the original?

SaN-DeeP

08-18-2006 04:29 PM

Quote:

Originally Posted by Billspaintball

Cool. :)

Any possibility of making it a plugin so there is no manual editing involved?

this should be better.

utw-Mephisto

08-19-2006 04:13 PM

Quote:

Originally Posted by Rich

Hello,

With this installed, can the user click the image and view the original?

Yeah - that would be perfect ..

Kirk Y

08-19-2006 04:41 PM

Quote:

Originally Posted by Billspaintball

Cool. :)

Any possibility of making it a plugin so there is no manual editing involved?

It's just a template edit... if you've become so dependent on vB's Plugin System that you can't even bring yourself to click Copy and Paste, then you're pretty bad off.

paul41598

08-19-2006 07:37 PM

Quote:

Originally Posted by acidburn0520

It's just a template edit... if you've become so dependent on vB's Plugin System that you can't even bring yourself to click Copy and Paste, then you're pretty bad off.

Yes, true. I WILL NOT be doing a plugin for this. Its pointless

ehsanix

08-20-2006 03:32 PM

installed
thank u

KJA4U

08-21-2006 08:53 AM

I wish to have it as plugin.

Rickie3

08-21-2006 10:22 AM

just what i was looking for thankyou *installed*

vtx1800

09-23-2006 06:28 AM

Installed and working. Thank you.

I do have 3 requests to make if anyone can help.

1. To set an automatic link to the image to see the large image.
2. The ability to NOT resize an image if hosted on a specified domain.
3. The script not adjust sig image sizes.

Anyone have any ideas?

MichaelP

09-24-2006 09:15 PM

Took all of 10 seconds and works great, nice :D
And No1 would work for me, gamers dont like there screenshots downsizing (its all the same to me)

kabadayi

09-25-2006 06:02 PM

hmm goog thanked

PersianImmortal

09-29-2006 03:46 AM

Quote:

Originally Posted by vtx1800

Installed and working. Thank you.

I do have 3 requests to make if anyone can help.

1. To set an automatic link to the image to see the large image.

This is my request as well - to provide the ability to click on resized images to display the larger image either in a popup, or in the current window.

If this were incorporated, the mod would be perfect :)

Slyfox1

10-18-2006 01:18 AM

Quote:

Originally Posted by Mith

THe compliant way to create a banner is to have it broken into smaller images.

End-cap , Spacer , Image , Spacer, End-cap. This way non of the images are large enough to be re-sized AND when the window is minimized the banner will shrink with it.

Check out my site. http://www.theuglybuggers.com

This way of HTML coding was used....

Sly

Chicago_VLNU_4s

10-20-2006 09:29 PM

it freezes the whole screen up and makes the bottom and side scrollbar box really small.. gotta delete

itsid

10-20-2006 09:35 PM

thanks alot!

this was exactly the solution I was looking for,
smart easy and editable.

cheers
'sid

PS works perfectly on 3.6.2 too

DeMagH

01-23-2007 02:38 PM

Thanks, worked fine for me on 3.6.2, though i am adding some code to make resized images clickable and open in new window

stan111

01-25-2007 06:17 AM

but how come when i click on it, it does not enlarge itself?

BACANERIA

01-26-2007 04:18 AM

Thanksss this is nice

SuperGLS

03-05-2007 02:01 AM

Ahhh, this is perfect. Thanks!

roe	03-14-2007 03:20 PM

is there an option to this mod that wil allow a user to click the reduced image and view the original size via a new window?

if it's already part of this mod, is there an option to turn this feature on/off because i can only view the resized images?

ArchangelX

04-09-2007 02:55 AM

Any possibility the "View Original Image" feature could be added? Thanks!

RVM	06-18-2007 07:36 PM

Love this hack, super simple too! I want to put my vote in for a clickable image to show original in new window! :up:

dprundle

08-02-2007 07:20 PM

very nice and effective. Install

All times are GMT. The time now is 01:17 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01250 seconds Memory Usage 1,792KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_php_printable (7)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (35)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: