Pop-up image

SOLVE
Highlighted
Occasional Contributor

I've got a catalog page with thumbnail images...I'd like to open a larger image when the thumbnail is clicked, with a close option. I'm a designer with little coding experience, so you'll need to be kind. Thanks!

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Esteemed Advisor

(in the beta design manager) create a custom module using an image field, and turn it into a repeater. 

 

Check out Magnific Popup: http://dimsemenov.com/plugins/magnific-popup/

 

download the magnific popup plug in, add the css and js files to your design manger, link them to your custom module using the left sidebar, and wrap the image repeater code snippet in your custom module with Magnific Popup's default markup. 

 

Add your custom module to a template, and that's all there is too it. I've actually done this several times before so I know it works.

- Jonathan Sumner
Reply
0 Upvotes
2 Replies 2
Esteemed Advisor

(in the beta design manager) create a custom module using an image field, and turn it into a repeater. 

 

Check out Magnific Popup: http://dimsemenov.com/plugins/magnific-popup/

 

download the magnific popup plug in, add the css and js files to your design manger, link them to your custom module using the left sidebar, and wrap the image repeater code snippet in your custom module with Magnific Popup's default markup. 

 

Add your custom module to a template, and that's all there is too it. I've actually done this several times before so I know it works.

- Jonathan Sumner
Reply
0 Upvotes
Occasional Contributor

I still need this functionality, but unfortunately this solution is over my head. Plus, I've got LOTS of images, so one-by-one would not be time efficient. I was hoping there was some interna HubSpot function that would make it easy...

Reply
0 Upvotes