Randomise 10 images with 10 random captions

Forum|Forum|4 years ago
December 14, 2021
2 replies
19 views

+1

TheSav

Hi All.
I have 10 images being randomly shown in a block, one per page (by inserting image based questions). I now want to add an overlaid caption over each image where each caption comes from a shuffled list [1-10]. I know how to overlay text on an image, I just don't know to how to add a item from a shuffled list. I presume I use javascript to shuffle an array of 10 items and then for each question simply overlay the array[i] item on the image. Any ideas about where to put the javascript and how to embed it in the richtext html?

T

+1

TheSav
Author
Forum|Forum|3 years ago
December 21, 2021

So I've tried numerous things with no joy. Including;

randomising multiple choice answers in a hidden question and attempting to piping the choices in an embedded field - I couldn't work out how to reference choice 1 for example

shuffling an array in javascript in a question before my block, then trying to reference the array index[i] in each question (e.g.:

Qualtrics.SurveyEngine.addOnload(function()
{
response.setContentType("text/plain");
var captionArray = [" caption 1 ", " caption 2 ", " caption 3 ", " caption 4 "];
shuffle ( captionArray );
Qualtrics . SurveyEngine . setEmbeddedData (" caption1 ", captionArray[0]);
Qualtrics . SurveyEngine . setEmbeddedData (" caption2 ", captionArray[1]);
Qualtrics . SurveyEngine . setEmbeddedData (" caption3 ", captionArray[2]);
Qualtrics . SurveyEngine . setEmbeddedData (" caption4 ", captionArray[3]);
});

The using the embedded data in the html text: