howTo reference an attached image in observable slide preso

New To Observable
4

Hi again, @bcrock!

Unfurling the respective arrays by clicking the down arrow in the inspector view helps to clarify…

Your storyImage5 array is returning three values, comprised as a numerical index and the promise of a rendered image.

Your storyImage4 array is returning the text string used to call on a File Attachment:

If you wish to construct your storyArray4 to behave exactly like storyArray5, you just need to omit the ` around the file attachment:

storyImages4asPromise =[
 
  {"index":"0","img": FileAttachment("Picture1.png").image()},
  {"index":"1","img": FileAttachment("Picture2.png").image()},
  {"index":"2","img": FileAttachment("Picture3.png").image()}
   
  ]

In this way, you would be returning the promise of rendered image, so if you paste, e.g. storyImage4asPromise[2].img into a JavaScript cell, you’ll see you image. If you wish for this to render in a Markdown cell, you’d need to escape into JavaScript and await the promise: ${await storyImagesPromise[2].img}