adjust image size and display on screens of different sizes

321 views
Skip to first unread message

Angela Xiaoxue He

unread,
Aug 15, 2018, 6:02:06 PM8/15/18
to jsPsych
I'm using the 'image-keyboard-response' plugin. i wonder how i can specify the image size. also, is there a way to make sure the same images will display well on screens of different sizes (e.g., small laptop screen, big desktop screen, iphone/ipad screen)? thanks!

Josh de Leeuw

unread,
Aug 28, 2018, 12:32:36 PM8/28/18
to Angela Xiaoxue He, jsPsych
The best way to control image size with the image-keyboard-response plugin is to save the images in the size that you want them to display. You could also use the html-keyboard-response plugin for more control. You can use an <img> tag to show an image and then use CSS properties to control the width and height. 

On Wed, Aug 15, 2018 at 6:02 PM Angela Xiaoxue He <angela...@gmail.com> wrote:
I'm using the 'image-keyboard-response' plugin. i wonder how i can specify the image size. also, is there a way to make sure the same images will display well on screens of different sizes (e.g., small laptop screen, big desktop screen, iphone/ipad screen)? thanks!

--
You received this message because you are subscribed to the Google Groups "jsPsych" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jspsych+u...@googlegroups.com.
To post to this group, send email to jsp...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/jspsych/93085f4e-0d82-4846-8dc6-f54289e99166%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Reply all
Reply to author
Forward
0 new messages