Image Pop Up | Community
Skip to main content
A
Anonymous
August 18, 2014
Solved

Image Pop Up

  • August 18, 2014
  • 3 replies
  • 1888 views
Hello! Does anyone know how to create an image that pops out into a bigger image when someone clicks on it? I think it should just be some code but I don't know what that code is. I'm creating an email newsletter that walks the customer through several steps in how to do something so I plan to have a smaller screenshot in the email and a bigger screenshot pops up if the customer clicks on the image to get more information.

Thank you,
Ling
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Matt_Stone2
<a href="http://yoursite.com/images/bigImage.jpg" target="_blank"><img src="http://yoursite.com/images/littleImage.jpg"></a>

3 replies

Matt_Stone2
Matt_Stone2
Level 9
August 18, 2014
You won't be able to accomplish this within an email itself. If you wanted to do this on a landing page, there's code that you can use to create a magnifying glass effect, or open the image in a modal window.

Generally the easiest thing to do, and would work fine for your scenario also, is just link to a larger version of the same image in a new tab. So save two versions of the image, one that's small and compact for the email, and one that's full size. Link the email one to the full one.
A
Anonymous
August 18, 2014
Thanks, Matt! That certainly makes sense. Do you have sample code of linking one image to another so I can just replace some snippets and put it into the email?

Thank you,
Ling
Matt_Stone2
Matt_Stone2Accepted solution
Level 9
August 18, 2014
<a href="http://yoursite.com/images/bigImage.jpg" target="_blank"><img src="http://yoursite.com/images/littleImage.jpg"></a>
Terms & ConditionsAccessibility statement

Loading footer...