CMS Development

cmdogan90
Participant

Help needed with lightbox and image zoom

Hi there,

 

I am currently working on building a new landing page in the HubSpot COS, however, I am having an issue with adding a 'lightbox' effect to specified images.

 

To give you an idea of what I'm after, you can see a working example here: https://www.groupcall.com/messenger-translation (click on the image with the country flags) - clicking this enlarges the photo a bit making it easier to read, and clicking on the 'x' easily removed the large version.

 

In order to do this previously, I had followed the instructions here: http://www.dwuser.com/education/content/click-to-zoom-for-photos-adding-lightbox-effect-to-your-imag...

The code from the above link I copy and pasted in to the Header and Footer section of the template, whilst also updating the tag in the source code to include the fancybox code.

 

The image I am having an issue with can be found here: https://www.groupcall.com/messenger-and-payourschool-00-0 

The one with the 3 devices (please ignore the others for now).

 

As you'll see, when you hover over that image is zooms in a bit which is nice and as expected, however, when you click on it and then try to click the small 'x' at the top right, it removes the image alltogether. 

 

Any ideas where I'm going wrong with this? 

 

Thanks in advance for your thoughts.

0 Upvotes
2 Replies 2
roisinkirby
HubSpot Product Team
HubSpot Product Team

Help needed with lightbox and image zoom

Hey @cmdogan90 are you still having difficulty? Are you able to select deal stage before creating a new deal?

0 Upvotes
cmdogan90
Participant

Help needed with lightbox and image zoom

Hi Roisin,

 

This issue still hasn't been resolved unfortunately.

 

I'm also not quite sure what you mean by deal stage?

 

All I am trying to do is add a lightbox / click to zoom effect on an image on a landing page.

 

Thanks,

Can

0 Upvotes