How do I create a gallery effect?

I Need Help
1

So I was scrolling through the “Built with Blocs” topic and I stumbled across this website ( http://dupreemiller.com/ ) in the forum ( The website is made by @noahbenjamin ). On the website, there is a section where you can see some of their books in a nicely displayed layout.

This is what I am referring to:

49
491298×667 336 KB

In this section, the book covers that your mouse hovers over zooms in. Also, at the bottom (before the ‘Explore More Books’ button) there is a little section that allows you to change the section of books you are looking at.

This is what I am referring to:

47
471233×355 288 KB

I am just wanting to know how this effect can be done. I have a client that has a little online book library and when I saw this, I thought that it would be a cool effect to add to their website.

Thanks in advance.

2

It appears they used nanogallery2:

nanogallery
nanogallery1242×797 257 KB

Which you can found more about via the following links:

– nanogallery2 - modern photo / video gallery and lightbox [javascript library]
– GitHub - nanostudio-org/nanogallery2: a modern photo / video gallery and lightbox [JS library]
– visual builder
– user guide

Follow the required setup and usage instructions provided on the above links. Then in Blocs use the following features to implement it …

Hope that helps your efforts.

1 Like
3

Great, Thanks…

Ill take a look into it.