{"id":57,"date":"2014-04-04T23:18:27","date_gmt":"2014-04-04T23:18:27","guid":{"rendered":"http:\/\/wiki.psychwire.co.uk\/?page_id=57"},"modified":"2023-10-17T22:23:49","modified_gmt":"2023-10-17T22:23:49","slug":"presenting-images","status":"publish","type":"page","link":"http:\/\/wiki.psychwire.co.uk\/?page_id=57","title":{"rendered":"Presenting Images"},"content":{"rendered":"<p>Before we can display images to participants, we first need to import them into Experiment Builder. Images (and other stimuli such as sounds) are imported into the <i>Library Manager<\/i>.<\/p>\n<p>Let&#8217;s import an image. Save the picture that is shown below to your computer:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" alt=\"\" src=\"http:\/\/www.personal.soton.ac.uk\/hg102\/ul\/zig.gif\" width=\"500\" height=\"370\" \/><\/p>\n<p>We will now import this image. To do so, click the\u00a0<em>Library Manager<\/em>, and then click the plus (+) symbol to begin adding the image, as shown below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" alt=\"\" src=\"http:\/\/www.personal.soton.ac.uk\/hg102\/ul\/library.gif\" width=\"1087\" height=\"626\" \/><\/p>\n<p>We now have the image imported into our experiment. The image will travel around with our experiment now wherever we copy\/save it to.<\/p>\n<p>But what we want to do next is to actually display the image! How do we do that? First, go back to your\u00a0<em>DISPLAY_SCREEN\u00a0<\/em>that contained text. Delete the text. Next, insert an\u00a0<em>IMAGE_RESOURCE<\/em>. When you click where to draw an image resource, you&#8217;ll be asked to pick an image from the library to display. You can then centre the image using the alignment buttons. This is all set out below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" alt=\"\" src=\"http:\/\/www.personal.soton.ac.uk\/hg102\/ul\/imageresourcedisplayscreen.gif\" width=\"959\" height=\"626\" \/><\/p>\n<p>Next, build and then test run the experiment. It works!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Before we can display images to participants, we first need to import them into Experiment Builder. Images (and other stimuli such as sounds) are imported into the Library Manager. Let&#8217;s import an image. Save the picture that is shown below to your computer: We will now import this image. To do so, click the\u00a0Library Manager, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":51,"menu_order":2,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/wiki.psychwire.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/wiki.psychwire.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/wiki.psychwire.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/wiki.psychwire.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/wiki.psychwire.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=57"}],"version-history":[{"count":3,"href":"http:\/\/wiki.psychwire.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":136,"href":"http:\/\/wiki.psychwire.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions\/136"}],"up":[{"embeddable":true,"href":"http:\/\/wiki.psychwire.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/51"}],"wp:attachment":[{"href":"http:\/\/wiki.psychwire.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}