Change Image Size Using CSS

[likestuff]

I have some images in the module (mod_phocagallery_image) but now I need to change the sizes. The "Mosiac" option would have been perfect since I can change the size in the module, except that that option changes the sizes of the images to various different sizes although they all have the same height and width.

There are a lot of images and I'm wondering if the size can be automatically change using CSS if I use the "Default" option, rather than having to do them one by one. I tried with CSS but no luck so far.

Thanks!!

[Jan]

Hi, I think you cannot do it per CSS, (you can do some limits for the boxes, height and width), but mostly this is good do it in html (e.g. using width and height attributes in img tag - but of course, the ration can be damaged there )

Jan

[likestuff]

OK. Thanks.

Can you tell me why the Mosiac option is blurry. All the images have the same height and width and look fine in the default option but when I switch to Mosica they look blurry.

Thanks!!

[Jan]

Hi, not sure what you mean with "blurry" ... mosaic uses same widht and height, so try to use crop function for your thumbnails.

Jan

[likestuff]

Hi Jan,

Images are usually blurry when you make the height and width larger than the actual image. In this case the images are not larger so I don't understand why they look blurry.

Just to clarify a bit more, I'm referring to the mod_phocagallery_image module. When I choose "Module Type = Default" the images look fine, but when I choose "Module Type = Mosiac" the images looks blurry. The size is the same for both types.

Thanks!!

[likestuff]

Nevermind. I didn't realize that the main component controls the size. So I changed the size of the small image, reuploaded them and now they look ok.

[Jan]

Ok