Create a thumbnail image

If you want to add an image that is larger than the maximum width of your portalsurvey, 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.