Coding survey with pictures

Back

Coding survey with pictures

Author	Message
ChloeO	ChloeO posted 10 Years Ago HOT Topic Details Share Topic
Group: Forum Members Posts: 4, Visits: 11	We are trying to create a survey where 9 pictures are presented on screen and participants are required to select which picture best represents the rooms in their home. How can we code so that the pictures are arranged on the page (3 rows of 3) and participants can click on the picture they wish to select? Thanks Tags pictures survey
	Reply Like 156
Dave	Dave posted 10 Years Ago ANSWER Post Details Share Post
Group: Administrators Posts: 13K, Visits: 104K	You should not use <survey> / <surveypage> for this. Instead, define your 9 <picture> elements as needed, have a <trial> display them and collect the participant's response: <trial pictrial> / stimulusframes = [1=pic1, pic2, pic3, ..., pic9] / inputdevice = mouse / validresponse = (pic1, pic2, pic3, ..., pic9) </trial>
	Reply Like 143
ChloeO	ChloeO posted 10 Years Ago ANSWER Post Details Share Post
Group: Forum Members Posts: 4, Visits: 11	Thank you! Could you also please tell me how to define my picture elements?
	Reply Like 153
Dave	Dave posted 10 Years Ago ANSWER Post Details Share Post
Group: Administrators Posts: 13K, Visits: 104K	See the documentation for the <picture> element. You will also find this covered throughout the tutorials included in the Inquisit documentation, which I would strongly recommend completing before moving on. In short: <picture somepicture> / items = ("somepicturefile.jpg") / position = (75%, 50%) [...] </picture>
	Reply Like 137
ChloeO	ChloeO posted 10 Years Ago ANSWER Post Details Share Post
Group: Forum Members Posts: 4, Visits: 11	How can I arrange the 9 pictures in a 3 by 3 grid on the screen?
	Reply Like 136
Dave	Dave posted 10 Years Ago ANSWER Post Details Share Post
Group: Administrators Posts: 13K, Visits: 104K	Use their respective /position attributes to arrange them in whatever way you need.
	Reply Like 136