Create a thumbnail image

If you want to add an image that is larger than the maximum width of your survey, you can create a thumbnail image that links to an enlarged version in a pop-up window.

You can use HTML or JavaScript to create the thumbnail:

• If you use HTML, the size of the pop-up window is based on the participant's browser.
• If you use JavaScript, you can specify the size of the pop-up window.

Note: Ensure that the width of the thumbnail image is between 200 pixels and 400 pixels.

1. Open the question that you want to add the image to.
2. In the Text Editor for the question text or answer option, click HTML.
3. In the Text Editor, copy and paste the HTML code or JavaScript code and then replace the listed sections of the code.

   	Copy and paste this	Replace this
   HTML code	<a href="/Admin/enlargedimage.jpg" target=_blank><img src="/Admin/thumbnailimage.jpg" border=0></a>	/Admin/enlargedimage.jpg Replace with the location of your enlarged image. /Admin/thumbnailimage.jpg Replace with the location of your thumbnail image.
   JavaScript code	<a onclick="window.open('/Admin/enlargedimage.jpg','pop-upWindowName','width=widthpx',height=heightpx)');"><img scr="/Admin/thumbnailimage.jpg" border=0></a>	/Admin/enlargedimage.jpg Replace with the location of the enlarged image. pop-upWindowName Type the title of the pop-up window. width Replace with the width of the image in pixels plus 50 pixels. The extra 50 pixels adds padding to the left and right of the image within the window. height Replace with the height of the image in pixels plus 50 pixels. The extra 50 pixels adds padding to the top and bottom of the image within the window. /Admin/thumbnailimage.jpg Replace with the location of the thumbnail image.

4. Click Update.

Parent topic: Working with question images