search

The picture and its presentation on the left, right and above

A stimulus followed by 1 or more files with a 'png' suffix will be displayed as a picture on a test page.

test demo2picture
  screen Fourth screen
  stimulus IMG_4604.JPG
  task Choose form of the animal
  text The picture presents an animal or its form
  values reptile, amphibian, fish, bird, mammal
Presentation of an image and adjecent task

The stimuli will be displayed on the left and the tasks will be displayed on the right and below

hashtag
Picture on the right

Changing the display of the picture to the right can be done using a css style and insert it as text into the screen: text <style>.stimulus{float:right}</style>

Presenting an image on the right relative to the remaining task

hashtag
Picture in the middle

The following CSS style can be used to display the picture above and in the middle. It needs to be inserted as text into the screen: text <style>.stimulus{width:100%} .stimulus img{margin-left:auto;margin-right:auto;display:block}</style>

Presenting an image in the middle and above position

hashtag
The picture in the middle and above is affixed during window scrolling.

The centered and above position of the the picture can also be set to remain stable during scrolling using the following CSS style. The text needs to be inserted as text into the screen: text <style>.stimulus{width:100%;position:sticky;top:0;z-index:1} .stimulus img{margin-left:auto;margin-right:auto;display:block}</style>

Presenting an image in the middle and above position so that it remains fixed during scrolling
PreviousA sound with a graphical time-course of the sound signal (waveform)NextVideo

Last updated