0

我对 jsPsych 和一般编程都是新手。我正在尝试创建一个基于浏览器的实验，在用户屏幕上显示李克特量表以及图像。具体来说，我想衡量人们对不同颜色的看法。

我的计划是使用彩色点的图像来表示每种颜色，例如。一个红点代表红色。每当我向用户展示图像时，我希望图像附有李克特量表：“我喜欢看这种颜色”（非常不同意、不同意、中立、同意、非常同意）。因此，用户将在他们的屏幕上查看一个彩色点，在李克特量表上选择他们的答案，然后被带到一个新的网页，那里有另一个点和李克特量表，依此类推。

我知道如何使用“survey-likert”插件构建李克特量表，但我不知道如何将图像添加到量表中。我试过这段代码，但没有用：

var likert_scale=[“非常不同意”、“不同意”、“中立”、“同意”、“非常同意”]；

var color_trials={ type:'survey-likert', questions:[ {prompt:"我喜欢看这个颜色。", labels:likert_scale} ], timeline:[ {stimulus:'img/red.jpeg'}, {刺激：'img/green.jpeg'}，{stimulus:'img/yellow.jpeg'}， 等等，以此类推贯穿所有图像 }；

（顺便说一句，上面的代码应该有缩进，但我不知道如何将它们写入 stackoverflow 文本框中。）

如果有人知道如何在 jsPsych 中将图像与李克特量表配对，您会考虑分享您对这个问题的见解吗？同样，我是编程新手，我自己也很难找到答案。

感谢您阅读这篇文章！

4

1 回答 1

0

您可以使用 HTML<img>标记将图像嵌入到survey-likert 插件的prompt或参数中。preamble

var likert_scale = [ "Strongly Disagree", "Disagree", "Neutral", "Agree", "Strongly Agree" ];

var trial_option_1 = {
    type: 'survey-likert',
    preamble: '<img src="img/red.jpeg"></img>',
    questions: [
        {prompt: 'I enjoy looking at this color.', labels: likert_scale}
    ]
}

var trial_option_2 = {
    type: 'survey-likert',
    questions: [
        {
            prompt: '<img src="img/red.jpeg"></img><p>I enjoy looking at this color.</p>', 
            labels: likert_scale
        },
        {
            prompt: '<img src="img/green.jpeg"></img><p>I enjoy looking at this color.</p>', 
            labels: likert_scale
        }
    ]
}
于 2021-09-14T16:33:22.730 回答