Resize Images Zero Query

[kokotitokoko]

=========================
postbit.css TEMPLATE
=========================
INSERT AT END OF TEMPLATE:



/* BEGIN Image resize */
#posts IMG {
max-width: 640px;

}
#collapseobj_threadreview IMG {
max-width: 640px;

}
/* END Image resize */

Mark as installed, if you use it
eslamhero :)

[Switch3130]

Worked great. Thanks.

[baghdad4ever]

thanks

[Skyrider]

This is nice and all, but how do I increase upon clicking on it?

[xsamet]

Thanks...
Is it possible to its click original size.

[elwachiman]

good modification but affects postbit_legacy custom images affect avatars and user ranks, if only reduced the images in the post would be perfect .. can fix that part so that the images will not affect the ranges or avatars, thanks

[kokotitokoko]

good modification but affects postbit_legacy custom images affect avatars and user ranks, if only reduced the images in the post would be perfect .. can fix that part so that the images will not affect the ranges or avatars, thanks

I did not understand what do you say
But it seems a good thing :D

[elwachiman]

I did not understand what do you say
But it seems a good thing :D
ok, I'll explain the mod reduces custom avatar and pictures of the ranks of the user, what I suggest is that only reduce pictures of the post only.
excuse my English, my natural language is Spanish

[Charlie98902]

I have this tagged awaiting for it to only resize a picture in the post and nothing else. I think that is what elwachiman is wanting too.

[dhaimy]

Thanks

[dlan]

good modification but affects postbit_legacy custom images affect avatars and user ranks, if only reduced the images in the post would be perfect .. can fix that part so that the images will not affect the ranges or avatars, thanks

.postbody IMG{
max-width: 85%;
height: expression(this.height > 100 ? "100px" : true);
width: expression(this.width > 100 ? "100px" : true);
}


.postbody instead of .posts but i don't suggest using css expressions. If many images are used on a page it will cause a small freeze to users with not so good PCs.

[elwachiman]

just what I say is that it would be good to just reduce the images in the showthread ..
edit

. this was what I wanted to put that code thanks dLAN and worked to perfection only reduces the images in postbody .. xd

/* BEGIN Image resize */
.postbody IMG{
max-width: 85%;
height: expression(this.height > 100 ? "100px" : true);
width: expression(this.width > 100 ? "100px" : true);
}

/* END Image resize */

[Charlie98902]

dlan's css additional does just that. go to post.css and or postbit_legacy.css and put that css code at the very bottom. I tested it and it works.

[Charlie98902]

just what I say is that it would be good to just reduce the images in the showthread ..
edit

. this was what I wanted to put that code thanks dLAN and worked to perfection only reduces the images in postbody .. xd

/* BEGIN Image resize */
.postbody IMG{
max-width: 85%;
height: expression(this.height > 100 ? "100px" : true);
width: expression(this.width > 100 ? "100px" : true);
}

/* END Image resize */

What's the difference between yours and dLAN's? All you added was begin and end to the code. Also is yours inserted into the postbit or postbit_legacy.css?

[elwachiman]

What's the difference between yours and dLAN's? All you added was begin and end to the code. Also is yours inserted into the postbit or postbit_legacy.css?
the difference is the reduced dLAN code images of customized ranges postbit avatars in user code and the other only the pictures of the postbody information. the code is placed at the end of postbit.css

[Charlie98902]

Thanks

[kokotitokoko]

lol ....
It seems to me that what made a good I did not imagine Malk
Google Translation

[dsvarups]

Can this work on the blogs too, the images do not resize on members blogs?

[rajubd]

not working image size remain same
this is what i want
see screenshot :
https://vborg.vbsupport.ru/
with the images have 1000 pixels & over , they re overflowed .... look not beautiful
i want they remain within vb
like this website
http://www.vbstyles.com/forum/showthread.php?&t=6369

[kokotitokoko]

not working image size remain same
this is what i want
see screenshot :
http://c.uploadanh.com/upload/2/255/0.4876715_8050_1.jpg
with the images have 1000 pixels & over , they re overflowed .... look not beautiful
i want they remain within vb
like this website
http://www.vbstyles.com/forum/showthread.php?&t=6369

tray these

headinclude TEMPLATE

INSERT AT END OF TEMPLATE:

<link rel="stylesheet" href="clientscript/eslamhero.css" type="text/css" />

and upload files

[rajubd]

tray these

headinclude TEMPLATE

INSERT AT END OF TEMPLATE:

<link rel="stylesheet" href="clientscript/eslamhero.css" type="text/css" />

and upload files

thanks bro its working 100%
see here http://www.symbiantalk.net/showthread.php?17095-LUCY-by-Sunnylovesalman-s60v3-%28Lucy-Superwoman%29

[sdavis2702]

Thanks this is much easier than finding a plugin lol.

[meissenation]

Thank you! This is exactly what I needed. The add-on products only resize down to a specific pixel which sucks when you have people who use 800x600 resolutions and 1600 wide resolutions.

[kokotitokoko]

Thank you! This is exactly what I needed. The add-on products only resize down to a specific pixel which sucks when you have people who use 800x600 resolutions and 1600 wide resolutions.

This Modification does this work without the intervention of
Because it depends on the percentage of the site
You can modify the ratio in the Computer sector to 800x600
And you will see the result

[meissenation]

Is anyone else having an issue with this in Internet Explorer 7? Chrome and FireFox work excellently but IE7 does not widen the images - it makes them 100px and leaves them that size.

View this in Internet Explorer 7:
http://www.mifbody.com/vbulletin/showthread.php?34449-NAIAS-Detroit-Models&p=532247&viewfull=1#post532247


Edit: Until the issue is resolved, I changed 100px to 400px which is a little better but it's still tiny. Isn't there any way to make it so when you click on the image that it will resize to the full size of the image?

[kokotitokoko]

The idea of this product to maintain the links on the image
Example: Click here to download the above image

https://vborg.vbsupport.ru/external/2011/01/6.gif (https://vborg.vbsupport.ru/showthread.php?p=1960205#post1960205)
If we do enlarge the picture will turn into a link
The repealed link Click on the image for download
Existing products are doing this, but links will be removed

---
add to fix Internet Explorer 7
headinclude TEMPLATE
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

[meissenation]

The idea of this product to maintain the links on the image
Example: Click here to download the above image

https://vborg.vbsupport.ru/external/2011/01/6.gif (https://vborg.vbsupport.ru/showthread.php?p=1960205#post1960205)
If we do enlarge the picture will turn into a link
The repealed link Click on the image for download
Existing products are doing this, but links will be removed

---
add to fix Internet Explorer 7
headinclude TEMPLATE
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />


I added those to my headinclude but it still is defaulting to 400px wide (what I changed the 100px to) and does not enlarge. In regards to shrinking, it does shrink but only seems to shrink it after I right-click to view the properties of the image to see the pixel width.


Edit:
If I add those two lines into my headinclude, it REALLY messes up my templates. Please see the screenshot. This started immediately after adding the two lines into my headinclude and then went away as soon as I removed the code.

[kokotitokoko]

??????????????????????????

[Viper007Bond]

max-width and max-height is probably better than expressions.

[M? Mostafa]

Installed ;)

Nice Work

Sampel >> http://www.gamez4all.com/vb/showthread.php?29-HF-18-RPG-Utawarerumono

[Bundle]

Can this work on the blogs too, the images do not resize on members blogs?

Seconded, can't seem to get this working on blogs.

[Charlie98902]

You need to alter the css to allow this to work on blogs. If you look at the css code it clearly says #posts IMG meaning posts only.

[Charlie98902]

Wouldn't this also work in the additional.css as it is now?

[doraj]

Hello,

does it works with vB 4.0.3 and also the CMS?

Thank you

[sticky]

I much prefer this image resizer since it works for any resolution.

However, is there any way to make it so a user can click to enlarge the photo to its original size?

[StarBuG]

If you simply want to resize images via CSS then add this to additional.css Template:


.postbit .content img, .postbitlegacy .content img, .postbitdeleted .content img, .postbitignored .content img, .eventbit .content img {
max-width:XXXpx;
}


where XXXpx is the max. width you want the image to have.
You can either use px or %.

[LifesGreatestGift]

using css expressions is not recommended if you are looking to render your pages faster. But great template edit all the less.

http://developer.yahoo.com/performance/rules.html

[kokotitokoko]

Update

Works on 4.1.4

[Sworm]

Adding 0 in the height , will take the image's proportions?

[eternal_]

what about Blog Posts. Images that are from external sites, like photobucket, stretch well beyond the Featured box and even extend behind the sidebar. What .css file needs to be changed to force shrink images in blog posts? Thank you.

[faisaly.com]

.blogcontent img, #article_content img {max-width: 300px;}

[eternal_]

.blogcontent img, #article_content img {max-width: 300px;}

Thank you! That worked great and for attachments too. I put it in the additional.css. Perfect.

[faisaly.com]

Glad to hear it worked for you... I am still trying to get a code to work when I post the blog entries to vbacmps... the images need to be a certain size to fit on the page... I haven't found a code yet or any answers from vbadvance.... still struggling!

[Kirk Fitzgerald]

For albums :
/* reduce album picture max width
---------------------------------------------------- */
#picturelink img {max-width: 500px;}
/* ------------------------------------------------- */