To achieve this, we will use a single image and set its path via scripting. You can use these resources to get started.

1. Drag and drop the images in the images folder in the Resources pane
2. Drag and drop an image in the document (for example, right after the invoice total)
3. Assign an ID to this image in Attributes pane (e.g. dyn_image)
4. Create a new script in the Scripts pane and open this script
5. Set the find method to Selector and enter the image id #dyn_image in the Find text field.
6. Write the code that constructs the path to the image and set this value to the ‘src’ attribute of the image. For better code, we use the if statement on the data field value. The script should look like this:

   var amount = record.fields.InvTotal;
   
       if(amount > 20000) results.attr("src", "images/OLSG-Gift-1.jpg");
       else if(amount > 10000) results.attr("src", "images/OLSG-Gift-2.jpg");
       else  results.attr("src","images/OLSG-Gift-3.jpg"); 

You can click on the Preview tab and browse through the different record to validate the proper functioning of the script.

Note: If you prefer to use external or network images instead of importing them to your document, check out our other how-to on resources!