Load gif from beginning and after everything else? | XM Community
Solved

Load gif from beginning and after everything else?

  • 15 October 2018
  • 10 replies
  • 111 views

Hi,

I want to make sure that gifs in my question load from the beginning of the gif file and after everything else on the page. In other words, I want to ensure that the user sees the gif in its entirety.

What would be a good solution for this?

Thank you,
S
icon

Best answer by Anonymous 16 October 2018, 08:49

View original

10 replies

Badge +1
Hi @Syntheso,
add first gif question and ask respondent what they can see. if they select correct answer for your gif than it is assure that they can see gif.
Hi Jesi,

Thank you for your response but that doesn't solve my problem.

The gif is a test item so I want to ensure that they see it from the beginning.

At the moment sometimes the gif loads in the middle of the animation or sometimes at the last frame and it also loads after everything else. I want to combat this somehow to ensure that everything else loads, then the gif starts_ from the beginning_.
This seems like a good solution but I don't know how to implement it in Qualtrics:

https://stackoverflow.com/questions/24145424/how-to-make-gif-always-to-start-from-beginning-in-jquery-mobile
> @syntheso said:
> This seems like a good solution but I don't know how to implement it in Qualtrics:
>
> https://stackoverflow.com/questions/24145424/how-to-make-gif-always-to-start-from-beginning-in-jquery-mobile

Add the code in the above link in the Rich content editor --> HTML view of the question
Why not in the Javascript input form?
> @syntheso said:
> Why not in the Javascript input form?

Yes, you can put that in the js of the question but in onLoad and replace #correctGIF with .QuestionText
Could you please provide me with the full code? I don't have the understanding of how to put it all together.
> @syntheso said:
> Could you please provide me with the full code? I don't have the understanding of how to put it all together.

Paste the following code in the js(onReady) of the question

jQuery('.QuestionText img').attr("src",""); // remove it
jQuery('.QuestionText ').append('<img src="YOUR_GIF_URL">');
Thank you. However, this results in two images in my post.

I require the image to be used as part of the question so I can draw hotspots on top of it.

Very best,
Seb
Hello @syntheso

Paste the following code in the js(onLoad) of the question

jQuery(".HotSpotImage").attr("src","");

AND Paste the following code in the js(onReady) of the question
` jQuery(".HotSpotImage").attr("src","YOUR_GIF_URL");`

Leave a Reply