# Enlarge image on click

**URL:** <https://forum.inductiveautomation.com/t/enlarge-image-on-click/7328>\
**Category:** Ignition\
**Created:** [September 26, 2013, 1:25pm UTC](https://forum.inductiveautomation.com/t/enlarge-image-on-click/7328 "2013-09-26T13:25:49Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![tbackus](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tbackus/32/5091_2.png) [@tbackus](https://forum.inductiveautomation.com/u/tbackus)\
**Post date:** [September 26, 2013, 1:25pm UTC](https://forum.inductiveautomation.com/t/enlarge-image-on-click/7328/1 "2013-09-26T13:25:49Z")

</div>

I have a page with about a dozen images displayed. I want to be able to click it, and enlarge it so the user can see detail… On the page they are scaled down, so I don’t need to reference a different image, just enlarge the one they are on… Pop up would be great, but I cannot figure out how to pass the name of the file to the pop up.

---

<div class="post-metadata">

**Author:** ![adamaustin](https://avatars.discourse-cdn.com/v4/letter/a/5f8ce5/32.png) [@adamaustin](https://forum.inductiveautomation.com/u/adamaustin)\
**Post date:** [September 26, 2013, 4:00pm UTC](https://forum.inductiveautomation.com/t/enlarge-image-on-click/7328/2 "2013-09-26T16:00:52Z")

</div>

Create your popup window (called “popup”, for example).  
Add a custom property on the Root Container (called “imageName” for example).

In the code, use system.nav.openWindow and pass it the name of the file you want to open:

```auto
system.nav.openWindow("popup", {"imageName": "Builtin/Tank/Tank 17.png"})
```

If your images are exactly the same width and height you’ll probably have some problems with aspect ratio.

---

<div class="post-metadata">

**Author:** ![Robert.McKenzie](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/robert.mckenzie/32/4134_2.png) [@Robert.McKenzie](https://forum.inductiveautomation.com/u/Robert.McKenzie)\
**Post date:** [September 26, 2013, 11:21pm UTC](https://forum.inductiveautomation.com/t/enlarge-image-on-click/7328/3 "2013-09-26T23:21:21Z")

</div>

You can see it in action on [our youtube chanel](http://www.youtube.com/watch?v=ZwIZc2uBZ3k).
