Very simple image resize (CSS only)

[OsMoSiS.it]

Simply put this piece of code into "Additional CSS Definitions" under Style Manager -> Main CSS of the template you want this mod apply to.

/* BEGIN Image resize */
#posts IMG
{
max-width: 700px;
width: expression (this.width > 700 ? "700px" : true);
}

#collapseobj_threadreview IMG {
max-width: 700px;
width: expression(this.width > 700 ? 700: true);
}
/* END Image resize */


Tested with Firefox 1.5 and IE 6.0.

This works also with VBulletin > 3.0.0.

[PabloAM]

screenshot???

Thanks!

[Allan]

Demo please ?

[Icheb]

screenshot???

Thanks!Don't you people have any imagination? It's a resized image fcol. :tired:

[bashy]

Demo? it just resizes the images dont it, surely you wont any thing from a demo or screener

I take it this resizes the image regardless?
Does this effect signatures like some of the other image sizers have in the past?
Des it effect other images that maybe on the site, such as in the navbar?

oh bugger it, i will just try it out myself lol

[bashy]

Installed anyway, I dont think it actually does out on my site due to using a lightbox mod, but hell its in there and stay nowing, /me clicks install!

Thanks!!

[gael11]

Works fine !!! Excellent !!!
Thank you

[pauloo]

Thanks ! nice job

works with Firefox 1.5 but and not IE 6.0

[hnjco]

Thanx for this

Work fine in Firefox 1.5 and IE 7.0

[OsMoSiS.it]

I take it this resizes the image regardless?
Does this effect signatures like some of the other image sizers have in the past?
Des it effect other images that maybe on the site, such as in the navbar?
It resizes ONLY images within postbit, so the answers are "yes" and "no" :)

Why do you allow large images in signatures but not in posts? Wide signature images increase also post width, so allowing that is useless.



I don't have lightbox mod, can you post me a link to see it in action?

[OsMoSiS.it]

Thanks ! nice job

works with Firefox 1.5 but and not IE 6.0
Click here (post #829): http://www.elaborare.info/forum/vbulletin/showthread.php?t=135646&page=56

Do you see the image resized?

[transitbus]

If I may...

Try this instead. It works great in IE 6 & 7 and Firefox 1.5x

/* BEGIN Image resize */
#posts IMG
{
max-width: 95%;
height: expression(this.height > 1024 ? "1024px" : true);
width: expression(this.width > 768 ? "768px" : true);
}

#collapseobj_threadreview IMG {
max-width: 95%;
height: expression(this.height > 1024 ? "1024px" : true);
width: expression(this.width > 768 ? "768px" : true);
}
/* END Image resize */

[pauloo]

Thanks transitbus, it's very well ;)

[principino1984]

finally a hack that works great... could you just add a code to restore the original size in a popup?

thanks

Marco

[MarsNIIT]

If I may...

Try this instead. It works great in IE 6 & 7 and Firefox 1.5x

/* BEGIN Image resize */
#posts IMG
{
max-width: 95%;
height: expression(this.height > 1024 ? "1024px" : true);
width: expression(this.width > 768 ? "768px" : true);
}

#collapseobj_threadreview IMG {
max-width: 95%;
height: expression(this.height > 1024 ? "1024px" : true);
width: expression(this.width > 768 ? "768px" : true);
}
/* END Image resize */

Fire fox 1.5 : OKey
IE 6.0: Okey
Ie 7.0 : Okey :D
All version're Okey :D !! So thx

But could you just add a code to restore the original size in a popup?

[MarsNIIT]

I found how to restore the original size in a new windows

1) Open class_bbcode.php
2) line 1884 change
return '<img src="' . $link . '" border="0" alt="" />';

to return '<a target="_blank" href="' . $link . '"><img src="' . $link . '" border="0" alt="" /></a>';

OK??? :P

[smsmasters]

Works great, how do I get this to work with posts shown on the vbadvanced news page?

[R.Solutions]

Seems like i cant get it to work, sames images break up my post width.

[Endurer]

Thank you :) It works like a charm.

[Capper5016]

hmmmmm, the original seemed to work okay, but the one added later in the thread makes avatars in the posts disappear

[Pinky30]

If I may...

Try this instead. It works great in IE 6 & 7 and Firefox 1.5x

/* BEGIN Image resize */
#posts IMG
{
max-width: 95%;
height: expression(this.height > 1024 ? "1024px" : true);
width: expression(this.width > 768 ? "768px" : true);
}

#collapseobj_threadreview IMG {
max-width: 95%;
height: expression(this.height > 1024 ? "1024px" : true);
width: expression(this.width > 768 ? "768px" : true);
}
/* END Image resize */

By Quickedit no Symbols visible!

[HAVOK USA]

Great!

Installed

[Mentch]

Works Like a charm.

IE 6.0 Works
Firefox 1.5.0.7 Works

Also the line number in version 3.6.1 to get the link to the original image is line 1879.

[tinnktp123]

So Thank :)
Good Job . Installed !

[Frapegliko]

you are the king

[keyness]

This is a very good code but it unfortunately ruins internet explorer browsing in my site. When I'm sliding down the scrollbar it looks slower, also it gives response later when I'm trying to copy texts in messages. :(

[kalleball]

the code below makes the editing of posts look like this:

55796


/* BEGIN Image resize */
#posts IMG
{
max-width: 95%;
height: expression(this.height > 1024 ? "1024px" : true);
width: expression(this.width > 768 ? "768px" : true);
}

#collapseobj_threadreview IMG {
max-width: 95%;
height: expression(this.height > 1024 ? "1024px" : true);
width: expression(this.width > 768 ? "768px" : true);
}
/* END Image resize */

[jdebler]

To the OP...thanks for this! I like it!

I implemented it and one user said that using Safari on a Mac doesn't change the vertical size, only the horizontal. Any thoughts on this? (Other than, "tell him to not use a Mac".) ;)

[Crazy Serb]

for some reason when I edit the class_bbcode.php and add the link to the image, nothing changes whatsoever...

I am using vbadvanced with a vb3.6.3 but even in this case class_bbcode.php should be the one responsible for displaying images, right?

when I change the code in it, upload it, refresh the page, look at the source, there are no changes reflected whatsoever... what a heck?!

[Masiello]

That's great hack but waste the CSS validation
just try it here: http://jigsaw.w3.org/css-validator/

[Bieddos]

great resize :D

[anzo]

sorry, but this last version works fine in FF, but doesn't work in my IE 6.0 :(
http://latforums.lv/showthread.php?t=635&page=32

I've set max-width to 600px instead of 95%, but still nothing...
any advice?

[Funky Diver]

I found how to restore the original size in a new windows

1) Open class_bbcode.php
2) line 1884 change


to

OK??? :P

I have the Lightbox Mod installed also, so I edited it to be the following,

return '<a target="_blank" rel="lightbox" href="' . $link . '"><img src="' . $link . '" border="0" alt="" /></a>';

NOT ONLY do my images resize in the forum, now they transition cool as cucumbers from a fridge on a hot day. TOP NOTCH.

[Funky Diver]

sorry, but this last version works fine in FF, but doesn't work in my IE 6.0 :(
http://latforums.lv/showthread.php?t=635&page=32

I've set max-width to 600px instead of 95%, but still nothing...
any advice?

Then your code needs to read;

/* BEGIN Image resize */
#posts IMG
{
max-width: 600px;
height: expression(this.height > 1024 ? "1024px" : true);
width: expression(this.width > 768 ? "768px" : true);
}

#collapseobj_threadreview IMG {
max-width: 600px;
height: expression(this.height > 1024 ? "1024px" : true);
width: expression(this.width > 768 ? "768px" : true);
}
/* END Image resize */

[smoknz28]

Installed on vB 3.6.4 :up:

Working under:
- Firefox v 1.5.0.9
- Internet Explorer 7.0.5730.11

Thanks for making this hack simple. ;)

[PennylessZ28]

This is still the best method out there. PERIOD.

[MikeWarner]

Would it be possible to make each image a link which will open the full size version in a seperate browser?

[Zolo]

Simply put this piece of code into "Additional CSS Definitions" under Style Manager -> Main CSS of the template you want this mod apply to.

- there are many additional CSS defintions .. which one should be used?

- will this work with Firefox 2.0.0.1


Thank you & appreciate your help gents :up:

[Zolo]

I hope your mod will kill image resizing issue :D

[taydu]

I try every piece of code suggested here, non of there are working neither on IF of FF :(

[Smoothie]

works great!

[TheFrienzNet]

It is not working on Firefox 2.

[mp34play]

This is awesome. It's exactly what I have been looking for. Installed and loving it.

Thank you:)

[madsun]

Just what I was looking for.... all these people breaking my tables... lol... Thanks!

[PennylessZ28]

The orginal still works perfectly, in IE7 and Firefox

[sybakaos]

It resizes quick edit toolbar icons to like 0 pixels?

[skepticality]

I've tried installing it twice on our system, v.3.6.8 and nothing happens.

Is there something more to it?

[josepheseven]

it works fine on 3.6.8 for me :)

IE 7 = Fine
Firefox 2+ = Fine

thanks!

[Expat]

Just what the doctor ordered. Someone started a zoom lens photo thread and it as getting out of hand. Thanks!

[anhvienls]

Very useful but all bbcode in quick reply resize too.

[setoshi]

Excellent. Keep it up, my friend.

[Screamin'04]

Awsome!

This is exactly what I was looking for, a no b.s. way to set and enforce a "maximum" image size for posts!

"Installed"

[Screamin'04]

Is there any way to use this indepently of the postbit for use with signatures images?

[leon7000]

good one but there some threads come to slow

[Dave Hybrid]

Anyone know the css to make this also resize pictures uploaded to members albums?

Would really be helping me out.

[columbusgeek]

so much nicer and simpler then the hundreds of heavy .js solutions. thanks.