Jin Mishima
Registered: 02-2006
Posts: 14
Karma: 0 (+0/-0)
|
Reply Quote
|
|
HELP !!! Other problem--Control posted image size?
Hey,
Itoo have a RB forum and mine is like 730 px width and everything goes well, but ..
When people post an image that is bigger than like say 500 width.
Is there some way of coding that when members post an image bigger than this, it will get into a scroll bar? Like whhat happens when people have a too big signature?
JiN
edited to put question in topic title, so others may see how to fix it, if they happen to have the same problem.
Last edited by Joshin Josh, 7/31/2007, 8:56 pm
---
|
7/31/2007, 7:30 pm
|
Link to post
Email Jin Mishima
PM Jin Mishima
Blog
|
Joshin Josh
Registered: 11-2004
Posts: 665
Karma: 18 (+20/-2)
|
Reply Quote
|
|
Re: HELP !!! Other problem
You can use this code, Credits to Lesigner Girl:
span.postlistpostbody img {
max-width:500px;
width: expression(this.width > 500 ? 500: true);
}
This won't add a scrollbar to the image.. but it will shrink the image to 500px.
I've added this to one of my test boards and posted a screencap of my wallpaper to view what this does
Click here
If you click on the image and hit 'view image' you will see the full sized image.
|
7/31/2007, 7:38 pm
|
Link to post
PM Joshin Josh
Blog
|
Jin Mishima
Registered: 02-2006
Posts: 14
Karma: 0 (+0/-0)
|
Reply Quote
|
|
Re: HELP !!! Other problem--Control posted image size?
allright !!! Thanks Lesinger
It looks so much better now
JiN
---
|
8/1/2007, 10:09 am
|
Link to post
Email Jin Mishima
PM Jin Mishima
Blog
|
Lesigner Girl
Head of Runboard staff
Registered: 11-2005
Posts: 1895
Karma: 83 (+86/-3)
|
Reply Quote
|
|
Re: HELP !!! Other problem--Control posted image size?
Heh, I actually discovered this part from one of Rimmer's posts:
width: expression(this.width > 500 ? 500: true);
|
8/5/2007, 2:48 pm
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
SKOKEY
Registered: 12-2005
Location: Bennington, NH
Posts: 22
Karma: 3 (+3/-0)
|
Reply Quote
|
|
Re: HELP !!! Other problem--Control posted image size?
Clicking on the resized picture and choosing "view image" works on my MAC at home but when I try a similar procedure on my Windows XP at work, the "Show Picture" option is not available. The only way to view the actual size seems to be to go to image "Properties" and copy/paste the url in the browser.
Is there another way?
|
9/4/2007, 11:52 am
|
Link to post
Email SKOKEY
PM SKOKEY
|
Lesigner Girl
Head of Runboard staff
Registered: 11-2005
Posts: 1895
Karma: 83 (+86/-3)
|
Reply Quote
|
|
Re: HELP !!! Other problem--Control posted image size?
It all depends on the browser, Skokey. Unfortunately, IE doesn't provide this option (unless the newest version does and I'm just not aware of it).
Firefox will give you this option, but since the computer with XP is at work, you will probably have to fight your boss to install it.
|
9/7/2007, 12:32 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
SKOKEY
Registered: 12-2005
Location: Bennington, NH
Posts: 22
Karma: 3 (+3/-0)
|
Reply Quote
|
|
Re: HELP !!! Other problem--Control posted image size?
Thanks.
I recently added the code to restrict the picture width. If anyone asks me why their posted picture is smaller, I wanted to know what to tell them. Since a lot of people probably have IE for a browser, they'll have to view the original the hard way.
Unless someone says that the original is larger, there's no way to know unless you try each posted picture.
Is that correct?
I made my limit 700 pixels and I have a pretty good idea what that looks like, so if I see something that looks that big, there's a good chance that it might be even larger.
|
9/7/2007, 2:22 am
|
Link to post
Email SKOKEY
PM SKOKEY
|
Lesigner Girl
Head of Runboard staff
Registered: 11-2005
Posts: 1895
Karma: 83 (+86/-3)
|
Reply Quote
|
|
Re: HELP !!! Other problem--Control posted image size?
You're welcome, Skokey.
If an image is, say, 1000px wide and it's limited to 700px, then chances are that picture is going to look grainy. Also, like you said, if it's as wide as the posting area, there's a good chance the original is wider.
If people ask you why their image looks small or just doesn't look right, tell them it's because you put code in place to keep images from stretching out the page, and tell them if they want others to see the image at its actual size, they can post a link to it instead of trying to fit it into a post. If they want, they can even turn a thumbnail into a clickable link to the full-sized image.
http://imageshack.us will automatically create a thumbnail of every large image that is uploaded. They also generate the board code to use for posting a thumbnail link to the original image, making it easy to use this option.
By posting a link instead of the image itself, everyone, including IE users, can just click on the link to view the image in all its full-sized glory.
|
9/8/2007, 1:42 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Firlefanz
Registered: 05-2003
Location: Germany
Posts: 15
Karma: 1 (+1/-0)
|
Reply Quote
|
|
Re: HELP !!! Other problem--Control posted image size?
Would this also work for avatars?
|
1/21/2008, 7:20 pm
|
Link to post
Email Firlefanz
PM Firlefanz
Blog
|
Lesigner Girl
Head of Runboard staff
Registered: 11-2005
Posts: 1895
Karma: 83 (+86/-3)
|
Reply Quote
|
|
Re: HELP !!! Other problem--Control posted image size?
Interesting timing, Firle. I just added the code to restrict image size in sigs last week at Support, then did the same with avatars yesterday. I really like how it looks, for avatars that are rectangular instead of square.
(edited to fix avatar CSS below)
/* RESTRICT AVATAR DIMENSIONS */
.ak_msg_post_table img { max-width:100px; width: expression(this.width > 100 ? 100: true); max-height: 120px; height: expression(this.height > 120 ? 120: true); }
/* RESTRICT SIGNATURE IMAGE DIMENSIONS */
.ak_msg_post_signature_block img { max-height:175px; height: expression(this.height > 175 ? 175: true); }
I only restricted width for avatars and height for sig images, but you can restrict both dimensions for both images if you want to. I should probably add a width restriction for sig images at Support, but I haven't noticed any really wide ones there and was only concerned with the ones that take up half the window height.
Edit: I carelessly posted code for limiting the width of images in posts, instead of the code for limiting the width of avatars. For anyone who is interested in limiting the width of images in posts, here is that CSS:
/* RESTRICT WIDTH OF IMAGES IN POSTS */
.postlistpostbody img { max-width: 680px; width: expression(this.width > 680 ? 680: true); }
Last edited by Lesigner Girl, 1/25/2008, 2:03 am
|
1/21/2008, 10:54 pm
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|