Skip to content
Globally Managed Dynamic Images
Share
Explore

Globally Managed Dynamic Images

Globally manage image width and captions from a central _data/i_Images table allows non-technical users to easily place images anywhere in a Doc and globally change the Width and Caption.
This is in response to a post on the Coda Community at:
It expands on my previously published
For this demo, I’m using images from SquareSpace’s CDN (because the original post used the Whale image from SquareSpace).
But you could modify this to work with most any Image CDN that provides a URL-based API for serving dynamically sized images.
⭐ If you’re interested in this approach, I would highly suggest looking at for your media management and CDN. ⭐
Dynamically placed and sized image
The image below was placed by pasting the code copied from the Copy This Code column on
@Whale
row of the on the _data Page.
If you select a different width from the imgWidth column, it will change the size of the image on this page.
Currently, the selected imgWidth is
500
.
If you edit the imgCaption column, it will change the Caption below the image here.
Amazing Whale Image
(via SquareSpace)
➡️ Now check out the demo page for how you might use this in a production environment.
If you have any questions, or would like help with Coda for your company or projects, please email and we’ll be happy to discuss your project(s) with you.
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.