Forum Display Enhancements - Very simple image resize (CSS only)

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.

[Pinky30]

Originally Posted by 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 */

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:

Attachment 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/