Examples

Default Configuration

The default configuration is very basic. The images are around 200 pixels height and the space between is one pixel. You can define a caption text which is shown on mouse over and the items can also be clickable like the first image in this example. To keep the semantic correctness, any html tags can be used.

lee Scott
Luca Zanon
Nicholas Swanson
Jeff Sheldon
Charles S.
Jacob Walti

Different Options and Skins

The image height and the space between are full configurable. You can also remove the space completely if you wish. There are four different basic skins for the text overlay and you can easily style your own text overlay with css.

Small Images
without space
Skin: Classic Light

lee Scott
Luca Zanon
Nicholas Swanson
Jeff Sheldon
Charles S.
Jacob Walti

Medium Images
space: 20
Skin: Full Overlay Light

lee ScottSize: 2000 x 1333Type: JPEG
Luca ZanonSize: 5184 x 3456Type: JPEG
Nicholas SwansonSize: 3264 x 2176Type: JPEG
Jeff SheldonSize: 3434 x 4340Type: JPEG
Charles S.Size: 5184 x 3456Type: JPEG
Jacob WaltiSize: 3072 x 1728Type: JPEG

Big images
Space: 5
Skin: Full Overlay

lee ScottSize: 2000 x 1333Type: JPEG
Luca ZanonSize: 5184 x 3456Type: JPEG
Nicholas SwansonSize: 3264 x 2176Type: JPEG
Jeff SheldonSize: 3434 x 4340Type: JPEG
Charles S.Size: 5184 x 3456Type: JPEG
Jacob WaltiSize: 3072 x 1728Type: JPEG

Combined with Lightboxes

Gridzy is combinable with many free lightboxes like PhotoSwipe or Magnific Popup. For an easy integration Gridzy is delivered with example integrations of these two.

Please click the images to see it in action.

And Even More

You can use Gridzy not only with your images but also with videos, texts and any other html content and you can build your completely own skin.

text in boxes

Try not to become a man of success but rather to become a man of value. Albert Einstein
Love looks not with the eyes, but with the mind. William Shakespeare
Happiness is when what you think, what you say, and what you do are in harmony. Mahatma Gandhi
All we have to decide is what to do with the time that is given to us. J. R. R. Tolkien
A friend is a second self. Aristotle

words in boxes

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Kindly leave your email address and I’ll notify you about new releases or updates.