Discussion on Gridzy – Responsive and Justified Image Grid Gallery


eHtmlu supports this item


28 comments found.

Gridzy has been working great for me so far!

I’m experiencing a slight issue when viewing pages on mobile- sometimes the first few images load OK, but the rest are all the wrong proportions (squished vertically). This is happening in Safari on iOS.

I’ve kept all images to the same basic sizes/proportions as the demo, and define “height” and “width” attributes for each image in the HTML code.

This doesn’t happen every time the page loads- after reloading the page or restarting the browser, usually the grid shows up correctly.

Is there anything else I can do to ensure that gridzy is displaying my images initially at the correct proportions?

Thanks again!

I sent you an email about it ;)

hi, I have a pre-purchase question, is this plugin compatible with Visual Composer?


thank you for your interest.

I guess you are interested in the WordPress plugin of Gridzy, right? You commented the Javascript version of Gridzy ;) .. for the WordPress plugin please click here:

If you use the WordPress plugin you can simply insert the shortcode of a Gridzy gallery into a Visual Composer textarea.

If you have any other questions, just let me know.

best regards, Helmut

Hi eHtmlu, I found one strange problem in running the script, I have not seen this before because I did not use many galleries on the same page. When I click on a photo that is vertical, PhotoSwype shows it horizontally. I’ve checked – all images are oriented and scaled correctly, as well as JS code, can somehow fix it somehow? The below example: Best Regards Jerzy!


thank you for your question.

It maybe sounds a little strange but the problem comes from the image file itself. Usually images are saved as they are. If you want to rotate an image with any image editing software, usually the image will be completly calculated new and saved with the new orientation. But some software (including the Windows Foto app) only saves the information of the rotation into the meta data of the image file. The image itself stays saved in exactly the same orientation as it was before.

Such a rotation have the benefit that there is absolutely no quality degradation, but unfortunately such a rotated image needs software which consider the meta data of the image file and interprets it correct. Most browsers don’t consider such meta data in HTML context yet.

So the solution is to rotate the image in an image editing software which recalculates the image and saves in the correct orientation.

I hope I could help. If you have any other questions just let me know.

best regards, Helmut

Bravo! You were right with the photos and it just means that Photoswipe does not read EXIF and does not recognize the vertical and horizontal images properly. straight from the camera. When I created via PHP thumbnails, I edited the image based on EXIF, so the thumbnails were correct, but when I clicked on the enlarged image the image was incorrect even though the WEB browser was OK . I changed some of my script now and also modifies the base image so finally everything is OK. Thank you very much for your help, good job!

Best regards Jerzy

You’re welcome ;)

Hey, I’m trying to add Gridzy to ACF Photo Gallery and everything looks perfect, but when I click on a thumbnail it doesn’t enlarge a photo (it goes to photo’s url like plugin doesn’t exist). HTML looks the same as regular WP gallery render. Thanks.


thank you for your question.

Please send me a link where I can take a closer look.

If you purchased the WP plugin, please use the support form here If you purchased the JS version of Gridzy, please use the support form here

thank you and best regards, Helmut

Hello Helmut,

It is possible to set: - min-width of the images or - max number of images in a line?

There is a situation where I would like no more than 2-3 images per line or that the images are no smaller than 200 px wide.

Please advise,

Thanks, Adrian,

Hi Adrian,

thank you for your question.

In short, the answer of both questions is “no”. The number of images in a line depends always on the size of the images and the available width. The size of the images are adjustable via the “desiredElementHeight” option. This defines the average height of the images. Based on that, the whole grid gets calculated.

If you increase the value of “desiredElementHeight”, the images would get bigger. Maybe that could reach your needs.

I hope that helps. If you have any other questions, please let me know.

best regards, Helmut

Thank you for the answer.

Best regards, Adrian.

You’re welcome ;)

Hi. Definitely the best grid i’ve seen. Thanks for coding:) I have the same issue on small screens as cunadesign asked a bit earlier. I’ve found, that something depends on initial load – if screen width is quite small (nearly bootstrap md in my case), further calculations on resize will fail with aspect ratio. Could you please help me too?:)


thank you for your purchase, your question and especially for your rating. I’m glad, that you like Gridzy :)

Maybe the following css snippet could solve the issue:
.gridzy img {
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    min-width: 0;
    min-height: 0;

If it doesn’t solve the issue, please send me a link, where I can take a closer look. You can send it via the support form:

best regards, Helmut

Yes, this worked, thank you very much! GLWS;)

great! .. you’re welcome ;)


BootEXE Purchased

Hi your library is so great !! but I have experiencing some trouble when I erase all the innerHTML of $(’.gridzy’) , replacing with a new one (containing those same elemenst with different attribute) and executing $(‘gridzy’).gridzy({parameter}); nothing is happening can you help me pls ?


please try following:

after the line:
just write:
delete document.getElementById('gridzy_gallery').gridzy;
Gridzy will be initialized fully new then.

Hope it helps! If you have any other questions, just let me know ;)

All the best, Helmut


BootEXE Purchased

iam so stupid XD thank you :)

no, you couldn’t know that ;) ... I’m glad that it helped :)

Hello, I see there is a major update. Will I lose anything by updating from the old version? Have to recreate any galleries etc?


thank you for your question!

It depends on your specific use case. There are some changes, especially how the skins are applied. So, maybe you need to adapt a few things. There are also changes about how the gallery initializes, but these things should be backwards compatible.

If you send me a link where I could take a closer look I can tell you exactly what changes would be needed in your case.

Best regards, Helmut