Can I create a scalable image gallery for efficient scrolling?

[AAWorks]

Hello, I'm an artist and I'd like to have a gallery where I can offer the minimal size of the image (there's an option for 1/2 or 1/3 page image width) to scroll more efficiently through the images, but when you can click the image you'll be able to see it in it's full size. Is this possible?

[KetanKumar]

@AAWorks 

sorry for any issue can you please try this code 

https://codepen.io/kthao/pen/vYYVxwx

[AAWorks]

That's beautiful! It's perfect, now... a little more help, please. How and where exactly do I insert that code? I can cut & paste, just not sure where. I tried putting the HTML code into a "liquid" box, and got single large images to come up. How do I get this to integrate within Shopify? Thank you!

[KetanKumar]

@AAWorks 

yes please modification code as per shopify code if are able to code

[AAWorks]

I so appreciate what you are trying to do for me. I even found out where to access code editing, and read some tutorials. I still don't understand how to make it work. I got as far as creating a new "custom.liquid" but when I tried inserting the code, I couldn't get the code to work. Really not sure if I need all three of those scripts you sent, or just one of them, or what... Think I might just need to hire someone.

[KetanKumar]

@AAWorks 

yes its can be done customization