+x

 

clairestein - 9/28/2023

I was wondering how to use a jpeg as an option for a multiple choice question. For example, instead of options A, B, C, etc., it would have the jpeg inserted instead. Here is what I have so far:

<radiobuttons aronscale>
/ caption = "What aligns the most with you?"
/ options = (
  "A",
  "B",
  "C",
  "D",
  "E",
  "F",
  "G")

</radiobuttons>

<item picturechoice>
/ stimulusframes = ("P1.jpg", "P2.jpg", "P3.jpg", "P4.jpg", "P5.jpg", "P6.jpg", "P7.jpg")
/ stimulusframesizes = (400, 400) // Adjust the size as needed
/ validresponse = ("1", "2", "3", "4", "5", "6", "7") // valid response keys
/ response = ""
/ timeout = 10000 // 10 seconds timeout
/ stimulusdisplayduration = 0
/ trialduration = 0

<stimulus>
/ items = [picturechoice]
/ onstart = [
clearkeys(),
drawbitmap(picturechoice, "center", "center")
]
/ oninput = [
set(response, getinput())
]
/ until = [response != ""]
/ onend = [
log(response)
]

</item>

+x

 

Dave - 9/28/2023

+x

 

clairestein - 9/28/2023

I was wondering how to use a jpeg as an option for a multiple choice question. For example, instead of options A, B, C, etc., it would have the jpeg inserted instead. Here is what I have so far:

<radiobuttons aronscale>
/ caption = "What aligns the most with you?"
/ options = (
  "A",
  "B",
  "C",
  "D",
  "E",
  "F",
  "G")

</radiobuttons>

<item picturechoice>
/ stimulusframes = ("P1.jpg", "P2.jpg", "P3.jpg", "P4.jpg", "P5.jpg", "P6.jpg", "P7.jpg")
/ stimulusframesizes = (400, 400) // Adjust the size as needed
/ validresponse = ("1", "2", "3", "4", "5", "6", "7") // valid response keys
/ response = ""
/ timeout = 10000 // 10 seconds timeout
/ stimulusdisplayduration = 0
/ trialduration = 0

<stimulus>
/ items = [picturechoice]
/ onstart = [
clearkeys(),
drawbitmap(picturechoice, "center", "center")
]
/ oninput = [
set(response, getinput())
]
/ until = [response != ""]
/ onend = [
log(response)
]

</item>

What you posted there isn't Inquisit syntax, so I'm unclear on what it is supposed to do or mean.

As for displaying images as options in a radiobuttons element, you will need to make use of HTML formatting tags, i.e. <img>.

<expressions>
/ heightpx = ipart(0.1*display.canvasheight) // 10% of canvas height
</expressions>

<radiobuttons example>
/ caption = "Select one of the images:"
/ options = ("<img src=flower.jpg height=<%expressions.heightpx%>>", "<img src=bee.jpg height=<%expressions.heightpx%>>")
/ optionvalues = ("Sunflower", "Bee")
/ orientation = horizontal
</radiobuttons>

<surveypage examplepage>
/ questions = [1=example]
/ showpagenumbers = false
/ showquestionnumbers = false
</surveypage>

+x

 

clairestein - 9/28/2023

+x

 

Dave - 9/28/2023

+x

 

clairestein - 9/28/2023

I was wondering how to use a jpeg as an option for a multiple choice question. For example, instead of options A, B, C, etc., it would have the jpeg inserted instead. Here is what I have so far:

<radiobuttons aronscale>
/ caption = "What aligns the most with you?"
/ options = (
  "A",
  "B",
  "C",
  "D",
  "E",
  "F",
  "G")

</radiobuttons>

<item picturechoice>
/ stimulusframes = ("P1.jpg", "P2.jpg", "P3.jpg", "P4.jpg", "P5.jpg", "P6.jpg", "P7.jpg")
/ stimulusframesizes = (400, 400) // Adjust the size as needed
/ validresponse = ("1", "2", "3", "4", "5", "6", "7") // valid response keys
/ response = ""
/ timeout = 10000 // 10 seconds timeout
/ stimulusdisplayduration = 0
/ trialduration = 0

<stimulus>
/ items = [picturechoice]
/ onstart = [
clearkeys(),
drawbitmap(picturechoice, "center", "center")
]
/ oninput = [
set(response, getinput())
]
/ until = [response != ""]
/ onend = [
log(response)
]

</item>

What you posted there isn't Inquisit syntax, so I'm unclear on what it is supposed to do or mean.

As for displaying images as options in a radiobuttons element, you will need to make use of HTML formatting tags, i.e. <img>.

<expressions>
/ heightpx = ipart(0.1*display.canvasheight) // 10% of canvas height
</expressions>

<radiobuttons example>
/ caption = "Select one of the images:"
/ options = ("<img src=flower.jpg height=<%expressions.heightpx%>>", "<img src=bee.jpg height=<%expressions.heightpx%>>")
/ optionvalues = ("Sunflower", "Bee")
/ orientation = horizontal
</radiobuttons>

<surveypage examplepage>
/ questions = [1=example]
/ showpagenumbers = false
/ showquestionnumbers = false
</surveypage>

Thank you so much!! When I tried to input my images as the img src, it did not link them for some reason. This is what I have:

<expressions>
/ heightpx = ipart(0.1*display.canvasheight) // 10% of canvas height
</expressions>

<radiobuttons example>
/ caption = "What aligns the most with you?"
/ options = ("<img src=P1.jpeg height=<%expressions.heightpx%>>", "<img src=P2.jpeg height=<%expressions.heightpx%>>")
/ optionvalues = ("A", "B")
/ orientation = horizontal
</radiobuttons>

<surveypage examplepage>
/ questions = [1=example]
/ showpagenumbers = false
/ showquestionnumbers = false
</surveypage>

My pictures are not loading for some reason.