Hi,please one question.

My blog are open to all; so any people can load images on items.

So I can not maintain a fixed size, because each user will load the image they like and the size he wants.

How can I fix this? I wish there was an auto-sizing for a list of articles in the category and that did not exceed a fixed width.

In practice, if I load a photo from 600px X 300px I wish I looked so:

- The page categories: 100px X 50px
- Article on the page: 480px (width layout Maximum) X 240px
- In the popup lightbox: 600px X 300px (original size)

300px X 200px image Another example:
- The page categories: 100px X 67px
- Article on the page: 300px (width layout Maximum) X 200px
- In the popup lightbox: 300px X 200px (original size)

I hope I was clear. :)

If your users are adding k2 items and the image tab to add images, you can set the image resize options in the image tab of the k2 paramaters, and specify what size to display in the item view of the category settings for k2.
If your users are inserting images directly into the items content via an editor, i do not know of a way to controrl that

i have the same problem as Gianluca Partengo...i can specify the category image size and the item size...but when i click onimage preview,it seems to be pot luck as to what size comes on the screen,sometimes small....sometimes big....one time it did come as i wanted it to...small then zoom to big...i use photoshop to create a 600px by 600 px template...but it doesn't seem to work....please help,its driving me bonkers!!!

you can use css to control the size of images display in items/articles

specific items or even items in category layout

.catItemIntroText img {width:300px}

all images within my items displayed in category layout will have a max width of 300px.

hope i could help

line 420 on yoursite.com/components/com_k2/css/k2.css


replace :
div.catItemImageBlock {padding:8px;margin:0 0 16px 0;}
span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;}
span.catItemImage img {border:1px solid #ccc;padding:8px;}

with:
div.catItemImageBlock {padding:8px;margin:0 0 16px 0;}
span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;}
span.catItemImage img {border:1px solid #ccc;padding:8px; max-height:150px;}