Thumbnails of images


Author
Message
JDYates
JDYates
Associate Member (233 reputation)Associate Member (233 reputation)Associate Member (233 reputation)Associate Member (233 reputation)Associate Member (233 reputation)Associate Member (233 reputation)Associate Member (233 reputation)Associate Member (233 reputation)Associate Member (233 reputation)
Group: Forum Members
Posts: 18, Visits: 47
Hi,

I am creating a 2-option forced choice picture task where participants must choose one of the two images. I can make the task but I was wondering if there was a way to initially present the images as smaller thumbnails potentially greyed out and then upon the choice the chosen image becomes enlarged and coloured?

Thanks

Jack
Dave
Dave
Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)
Group: Administrators
Posts: 12K, Visits: 98K
JDYates - 3/31/2022
Hi,

I am creating a 2-option forced choice picture task where participants must choose one of the two images. I can make the task but I was wondering if there was a way to initially present the images as smaller thumbnails potentially greyed out and then upon the choice the chosen image becomes enlarged and coloured?

Thanks

Jack

Your trial should display the greyed-out thumbnails as clickable options, then upon selection of one of the images, display the corresponding large, colored version per the trial's /responsemessage.

<block myblock>
/ trials = [1-2 = example]
</block>

<trial example>
/ stimulusframes = [1=clearscreen, a_thumb, b_thumb]
/ inputdevice = mouse
/ validresponse = (a_thumb, b_thumb)
/ responsemessage = (a_thumb, a_large, 1000)
/ responsemessage = (b_thumb, b_large, 1000)
</trial>

<picture a_thumb>
/ items = a_thumbitems
/ size = (20%, 20%)
/ position = (30%, 50%)
/ erase = false
</picture>

<picture b_thumb>
/ items = b_thumbitems
/ size = (20%, 20%)
/ position = (70%, 50%)
/ erase = false
</picture>

<picture a_large>
/ items = a_largeitems
/ size = (40%, 40%)
/ position = (30%, 50%)
/ select = picture.a_thumb.currentindex
/ erase = false
</picture>

<picture b_large>
/ items = b_largeitems
/ size = (40%, 40%)
/ position = (70%, 50%)
/ select = picture.b_thumb.currentindex
/ erase = false
</picture>

<item a_thumbitems>
/ 1 = "a1_thumb.jpg"
/ 2 = "a2_thumb.jpg"
</item>

<item b_thumbitems>
/ 1 = "b1_thumb.jpg"
/ 2 = "b2_thumb.jpg"
</item>

<item a_largeitems>
/ 1 = "a1_large.jpg"
/ 2 = "a2_large.jpg"
</item>

<item b_largeitems>
/ 1 = "b1_large.jpg"
/ 2 = "b2_large.jpg"
</item>

Attachments
a1_large.jpg (182 views, 40.00 KB)
a1_thumb.jpg (136 views, 66.00 KB)
a2_large.jpg (77 views, 30.00 KB)
a2_thumb.jpg (81 views, 43.00 KB)
b1_large.jpg (90 views, 15.00 KB)
b1_thumb.jpg (79 views, 33.00 KB)
b2_large.jpg (94 views, 17.00 KB)
b2_thumb.jpg (96 views, 36.00 KB)
JDYates
JDYates
Associate Member (233 reputation)Associate Member (233 reputation)Associate Member (233 reputation)Associate Member (233 reputation)Associate Member (233 reputation)Associate Member (233 reputation)Associate Member (233 reputation)Associate Member (233 reputation)Associate Member (233 reputation)
Group: Forum Members
Posts: 18, Visits: 47
Hi Dave,

That work's great thank you very much.

Jack
GO

Merge Selected

Merge into selected topic...



Merge into merge target...



Merge into a specific topic ID...




Reading This Topic

Explore
Messages
Mentions
Search