Image in Content Area Modal

[sevenagesdesign]

I’m trying to embed an image into a modal content area and it seems to be refusing images from external sources. The image shows up in the modal just fine in the editor, but on the home page (via the browser inspector) I can see the URL for the image changes. The site I’m working on is set up to not store images locally and uses an S3 bucket and Cloudfront for media instead. I’ve tried this with multiple images, but all of them break.

I’ve put an example on https://clients.sevenagesdesign.com/rv/whiteboard/ - this isn’t a mission critical feature, but it would be nice to know what I’m doing wrong here.

Thanks!

[ruenel]

Hello Seven Ages Design,

Thank you for the very detailed post information. I have check the page containing your content modal and I found out that the image itself cannot be found on the server.

Please check the link in the secure note and you’ll noticed that it is an error 404 or not found. To resolve this, make sure that your server allows CORS (Cross Origin Resource Sharing) and that the image is physically existent in the server.

Please let us know how it goes.