Page 1 of 1
Change Image Size Using CSS
Posted: 29 Jan 2012, 02:30
by 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!!
Re: Change Image Size Using CSS
Posted: 30 Jan 2012, 23:40
by 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
Re: Change Image Size Using CSS
Posted: 02 Feb 2012, 02:47
by 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!!
Re: Change Image Size Using CSS
Posted: 04 Feb 2012, 20:50
by 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
Re: Change Image Size Using CSS
Posted: 04 Feb 2012, 21:15
by 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!!
Re: Change Image Size Using CSS
Posted: 04 Feb 2012, 21:47
by 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.
Re: Change Image Size Using CSS
Posted: 05 Feb 2012, 22:53
by Jan
Ok