Expand to click on webpage

ADonohue
Member

Hi - I have added HTML, CSS and Javascript code to create a modal on my webpage. It is now clickable but no image is popping up when you click it.  Would love insight on how to fix this!

 

Page for reference: https://www.ascensionrs.com/services

0 Upvotes
5 Replies 5
Oezcan
Top Contributor | Diamond Partner

Hello @ADonohue ,

 

I've already written a solution to this, take a look here.

https://community.hubspot.com/t5/Blog-Website-Page-Publishing/zoom-in-on-image/m-p/549611#M5702

 

She will redirect you to this page. 
https://www.w3schools.com/howto/howto_css_modal_images.asp

 

I hope I can help you with that.

Best regards,

 

Özcan


check
Did my post help answer your query? Help the Community by marking it as a solution

ADonohue
Member

Unfortunately, that does not help. I have spent hours using the W3 article advice yesterday. I have connected the html, the CSS and the javascript. The image is now clickable but it doesnt pop up anything.. as I mentioned. Definitely need more help here.

0 Upvotes
dennisedson
Community Manager

@ADonohue 

What element should be clicked to trigger the modal?

Thanks,

Dennis




Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content
ADonohue
Member
Hi! It is an image (that I currently hid with display:none) until I figure
out how to get it to properly expand. "click to expand the image"
0 Upvotes
ADonohue
Member

Hi! It is the black image here https://www.ascensionrs.com/services (I currently hid a smaller version of this with display: none html) until I figure out how to get it to properly expand. "click to expand the image"

0 Upvotes