We do not have a built-in feature for making an image disappear after a certain amount of time. This JavaScript will allow you to only show an image for a certain amount of time.
Check it out in an example survey!
OR
Add a survey with this setup to your account!
Setup
First add your image element that you'd like to disappear after a certain time period. Next click Add New Action > JavaScript and paste the below code.
window.setTimeout("document.getElementById('sgE-2035686-1-2-image').style.display='none';", 3000)Required Customizations
Element ID - Change the first highlighted section of the code to your image's element ID. To learn how to find your element ID check out our tutorial on Finding Element IDs.
Timeout - Next set up how long you want your image to show for. To do this change the second highlighted portion of the code to your preferred timeout. Currently 3000 is the timeout for three seconds. This metric is measured by milliseconds. An easy way to calculate this is to times the number of seconds you'd like the image to show for by 1000.
Scripting and Other Custom Solutions
We’re always happy to help you debug any documented script that is used as is. That said, we do not have the resources to write scripts on demand or to debug a customized script.
If you have customization ideas that you haven't figured out how to tackle, we're happy to be a sounding board for Alchemer features and functionality ideas that might meet your needs. Beyond this, check out our Professional Services; these folks have the scripting chops to help you to achieve what you are looking for!
