I am currently using portfolio-grid-03-masonry-grid.html on my website http://www.melissabattersby.com/
I would like masonry to dynamically use the dimensions of my images instead of the fixed grid that currently cuts the image off.
How do I modify the html to accomplish this?
Thank you. The thing I don’t like though is having to specify the data-gs-x, data-gs-y,data-gs-width and data-gs-height values. The template is being used in an art gallery so the images change constantly. Is there something I can do to have masonry / isotope auto calculate + position the grid items?
Ideally, I would just like to wrap a set of images in generic grid-items and have masonry / isotope automagically size and position my content as to not crop anything out.
There is no other way for Masonry Grid.
Or you could use this template(click to download)
You still set each grid size by padding top.
The padding-top percentage value of brick-content wrap is the thumbnail image origin size (height / width) * 100
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 is a blank image, it equals img/blank.gif
Thank you. I found my solution. I used CSS Masonry.
Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.
Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!
Privacy & Cookies Policy
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.