How to make an image disappear after a few seconds but the question next to it stays displayed

Question

Hello!I would be very happy for your help!!I'm looking for how to make an image disappear after a few seconds but the question next to it to stay displayed until the participant finishes the rating. I tried to use the timer option, but I need the question to appear next to the image both when the image is displayed and afterwards. That is, I want an image to be displayed next to a rating question, and after 3 seconds i want the image to disappear but the question to remain displayed until the participant finishes rating.thank you very much!!

TomG · Accepted Answer

You'll need to use JavaScript's setTimeout() function to hide the image after 3000 milliseconds. Add something like this to the rating question's addOnReady function:
var img = jQuery("#"+this.questionId+" img");
setTimeout(function() { img.hide(); },3000);

TomG · Answer

https://www.qualtrics.com/community/discussion/comment/35060#Comment_35060I haven't tried this, but try replacing the image's src attribute.
var img = jQuery("#"+this.questionId+" img");
setTimeout(function() { img.attr("src","url of image goes here"); },3000);

Sign up

Login to the Community