Marketplace
Made in Webflow

Alt Tags as Captions for CMS Multi-Images

2074 views
site profile thumbnail

Description

An easy solution to render multi-images alts tags (edited in cms) into captions for the dynamic list of images. Some instructions: Go to the template page and copy the custom code (script) from the page settings. Two classes are needed: The image class (e.g. "retro_img") and a class for the captions (e.g. "caption"). The captions will be automatically put under the image as a paragraph. To control the look of the captions, create a paragraph element, add a class "captions", style it and then delete the paragraph (only the class must remain in the css). Done, the captions should appear under the image. I'm sure you can bring this very basic example even further. Script found in stackoverflow created by user "SuperDJ": https://stackoverflow.com/questions/51964433/display-image-alt-text-using-vanilla-javascript Happy cloning.
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.

altcustom codejavascriptclonablemultiimagecmsdynamiccaptionsparagraph

More by Patrick Urwyler

See profile
View details
Clone: Grid Style Website Draft (cursor / sticky / accordion / lottie)
198
468