Images square all the time

Nmaster88
Nmaster88
@nmaster88
8 years ago
94 posts
Currently i have various lists, one of them i want to have in return all the images square and with the same size.
The call i have currently and it's the only one that makes all the images with the same size it's this one:
[code]
{jrCore_module_function function="jrImage_display" module="jrAudio" type="audio_image" item_id=$item._item_id size="medium" crop="auto" height="auto" width="auto" class="r r-2x img-full" alt=$item.audio_title }

[code]
I tried many variations, like crop=1:1 and it doesn't work i get a blank page if i try other parameter for crop i will get some images with more height than another ones. Any suggestion?
newsongs_size_1.jpg
newsongs_size_1.jpg  •  135KB

newsongs_size_2.jpg
newsongs_size_2.jpg  •  137KB


updated by @nmaster88: 06/16/16 10:21:42PM
douglas
@douglas
8 years ago
2,790 posts
Try crop="square"


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
Nmaster88
Nmaster88
@nmaster88
8 years ago
94 posts
I tried, with that command it happens what's on the image. If the one image is bigger than another the size will be different.
index_newsongs_3.jpg
index_newsongs_3.jpg  •  156KB

douglas
@douglas
8 years ago
2,790 posts
You can set a max-width and max-height on the image so it doesn't get out of proportion...

{jrCore_module_function function="jrImage_display" module="jrAudio" type="audio_image" item_id=$item._item_id size="medium" crop="square" class="r r-2x img-full" alt=$item.audio_title style="max-width:250px;max-height:250px;}

just change the 250px to the size you want.


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

Tags