Suggestions on how to work with images

Hi everyone this is my first post 😃I was also struggling with this issues but managed to resolve it ok, and thought I'd make a short guide how to do it.

1. Copy the HTML code from an existing example or vibe code it.
2. Create a folder on your computer and place your downloaded images into it
3. Change image paths from absolute to relative. This is a nice short guide explaining what this means: Mastering HTML img src Local File: A Simple Guide. Typically this means code like 

   <img src="./exampleimage.jpg">

4. Export your code as index.html and save it to the same folder as the images
5. Create a zip file with the images and html file
6. upload this to your rise project using "code" and "upload project" from the block library. 

Hope this helps!

If you want to get a bit more technical, you could research inline SVG paths.

I’ve been experimenting with a quick workaround that’s worked well for me,  using Rise as an image host for the courses it helps me to author. If you create a course (for example, “Assets”), upload your images, and copy the image URL, you can then reference that link in your custom code block.

I used this approach here - https://rise.articulate.com/share/t30zNIUzAGahxWsG_3el532Y2hjdBPkP#/lessons/80kREZ0gtpB5DTSkDvusaRekU_OChGLs

Either that or upload your files in a .zip folder. I was thinking about this the other day, wouldn't it be great if Rise had a media library similar to Storyline, but you could store your image files there and call them with the code?

Probably a long shot, but it would make things so easy!

Hi Claire, in order to not be linking somewhere else you would need to upload your html file and images in a .zip