Tag: javascript

There is a Gridzy.js skin that shows a magnifier icon on mouse over. In this tutorial we will change that icon to another one.

Continue reading “Gridzy.js Skin With Your Own Icon”

Usually the number of columns with the waterfall layout of Gridzy.js is flexible/responsive and can be adjusted with the desiredWidth option. However, sometimes you may want to have a fixed number of columns for all screen sizes. So let’s do this today.

Continue reading “Fixed Number of Columns With Gridzy.js”

Sometimes I’m asked how it is possible with Gridzy.js to make an image grid where all images have exactly the same size ordered in rows and columns instead of rows or columns. So let’s do this today.

Continue reading “Rows & Columns With Gridzy.js”

Gridzy.js can be combined with many lightboxes out there, because usually they can operate side by side without knowing each other. So let’s combine Gridzy.js with Magnific Popup today.

Continue reading “Gridzy.js & Magnific Popup”

Sometimes you may need different configurations for different viewport sizes. So let’s make the configuration responsive.

Continue reading “Responsive Gridzy.js Configuration”

The filter functionality of Gridzy.js 2 is still powerful. However, let’s add even more power. Let’s build a search field.

Continue reading “A Search Field for Gridzy.Js”

Since version 2 Gridzy.js have a very flexible and easy to use filter system. So you can always show only relevant pictures. Sometimes you may want to provide a direct URL to a filtered gallery. So let’s add such a feature.

Continue reading “Link a Filtered Gridzy.js Gallery Group”

Because Gridzy.js is very cautious and flexible, it can be combined with many many lightboxes. PhotoSwipe is one of the most responsive and performant lightbox scripts. Let’s combine them! ?

Continue reading “The Royal Association – Gridzy.js & PhotoSwipe”