How to import images in a custom code?

Custom code
1

Hello everyone!

My question seems simple but I haven’t found a solution yet, I really hope you can help me.

I have created a custom carousel, and with it I have written code like this to import images like this:
"<img src="example.png" alt="Image 2">".

But apart from importing an image with an existing URL, I have no idea how to import images from my laptop and have them hosted on Readymag in my custom carousel, just like in a normal carousel.

I’ve had 2 ideas to solve this problem, but none to get the images hosted on Readymag.

  1. Host it on Google Drive with a public link: I’ve tried and it doesn’t seem possible to do this without an Iframe, so I can’t really put it in the carousel the way I want, it’s always surrounded by a weird UI.
    2. Host it on a public site like Flickr: This seems to work, but it’s a strange way of solving this problem, and I don’t like publishing the image twice, on Flickr and on the website.

Thanks in advance for your reply :slight_smile:

2

the most straight forward approach would be to host it on you own webserver. All domainproviders are offering a small webspace for a few bugs per month.
You could then create a subdomain of your domain for example like: images.yourdomain.com and connect this to your webspace.
If you now upload your image to the webspace they are reachable under images.yourdomain.com/image1.jpg.

you can then use this direct url in your carousel.